将函数传递为arg时调用管道
我有一个员工列表，并希望使用预定义的部门过滤器进行下拉 我正在尝试制作过滤器管道并将函数作为arg传递，它仅在第一次呈现时才起作用，但是我想在用户每次更改选择内容时调用管道 管道: import { Pipe, PipeTransform, Injectable } from '@angular/core'; @Pipe({ name: 'filter' })
..
angular-pipe相关内容
无法读取未定义的属性"toUpperCase"("<输入名称="搜索文本" [[ngModel)] =“搜索文本"
我正在尝试从数字数组中过滤数字.但是我遇到了这个错误.这是我的代码. app.module.ts import { BrowserModule } from '@angular/platform-browser'; import { NgModule } from '@angular/core'; import { AppComponent } from './app.comp
..
角度4:存储管道输出变量以在模板外部使用
我知道我可以在角度4中对管道输出进行别名处理，但这仅在对其进行别名处理的模板内部有用. 示例
{{ raceModel.name }}
{{ raceModel.date }} 此处无法在ngIf之外引用raceModel.就
..
数字管道0或2个小数位
我想实现数字格式，以便如果数字是舍入的，则不应有小数位占位符.00，否则应使用2个位，并且仅使用2个小数位.例如: 1.23 -> 1.23 1.23456 -> 1.24 1.2 -> 1.20 1.0 -> 1 1 -> 1 根据文档，您只能指定小数位数的范围(例如|number:'.0-2')，而不能指定特定的选择(例如|number:'.0,2'
..
Angular 2.0版本:管道和指令不再是@Component的属性
我刚刚将我基于RC5构建的应用程序升级到了最终版本，我对现在应该声明指令和管道的方式感到困惑.我收到此错误: [默认] C:\ xampp \ htdocs \ meriem-car \ public \ src \ app \ components \ administration.component.ts:12:4中的错误 类型'{moduleId:string;选择器:字符串；指令:t
..
在Angular2中动态更新[已检查]
componentA.ts : @Input() array; {{array.length}} componentB.ts : @Component({ selector: 'app-component-b', temp
..
在Observable of Observables(Angular)上的ngFor中使用异步管道
我有这样定义的变量:myVar: Observable[]>. 我正在使用Angular4功能枚举异步管道 *ngFor="let obsMyObject of (myVar | async)" 现在我有MyObject的Observable，但是我只需要MyObject.我可以这样写:
..
Angular 4中的升序和降序排序
为什么排序功能起作用: Transaction Date
..
角度:limitTo管道不起作用
我正在尝试在字符串上的Angular2上运行limitTo管道: {{ item.description | limitTo : 20 }} 然后出现以下错误: The pipe 'limitTo' could not be found 是否可以在Angular2中删除该管道? 这是我的app.module 从'./limit-to.pipe'导入{Truncat
..
以角4显示百万或千格式的数字
我正在尝试在我的angular 4应用程序中显示数字格式.基本上我在看的是如果该数字是1223万，那么它应该显示为例如 12.2M(小数点后一位) 如果数字为50,000.123，则为50.1K 我如何才能做到这一点.我需要写指令吗?角铁中有内置管道吗? 结构 export interface NpvResults { captiveInsYea
..
使用角度4中的十进制管道进行四舍五入
使用角度4， {{31.94 | number:'1.0-0'}} 输出:32 任何想法，如何阻止四舍五入.预期结果为31 解决方案 您需要创建自定义管道，因为DecimalPipe不提供任何楼层特征.另外，您可以在其中添加十进制管道. 您的自定义管道: @Pipe({name: 'floor'}) export class FloorPipe implements
..
将管道或转换应用于“反应形式"值
我正在构建一个简单的反应形式.为简单起见，假设我要显示的唯一数据是日期. test.component.html
test.component.ts private date: Dat
..
什么是Angular中的pipe()函数
管道是用于转换模板中数据(格式)的过滤器. 我遇到了pipe()函数，如下所示.在这种情况下，此pipe()函数的确切含义是什么? return this.http.get(url) .pipe( tap(_ => this.log(`fetched hero id=${id}`)), catchError(this.handleError(
..
Angular2在自定义管道中使用基本管道
我想在基本的angular2管道中添加一些其他功能. 即.在货币管道上完成了一些额外的格式化.为此，我想在自定义管道的组件代码中使用现有管道. 有什么办法可以做到吗? @Pipe({name: 'formatCurrency'}) export class FormatCurrency implements PipeTransform { transform(value:nu
..
如何在组件中使用管道
我想在组件中使用datePipe.我按照此处的说明进行操作，但遇到了 Error: StaticInjectorError[DatePipe]: StaticInjectorError[DatePipe]: NullInjectorError: No provider for DatePipe! 这是我的代码: 组件 import { DatePipe } from '@
..
角键值管道排序属性/按顺序迭代
使用Angular 键值管道迭代对象的属性时，如下所示:
{{item.key}}:{{item.value}} 我遇到了一个问题，即属性没有按预期的顺序进行迭代.此评论表明我不是唯一遇到此问题的人: 如何在Angular中使用ngFor遍历对象属性 请问有人可以在使
..
可以在代码中使用管道吗?
当我在模板中使用自定义管道时，就像这样: {{user|userName}} 而且效果很好. 是否可以在代码中使用管道? 我尝试这样使用它: let name = `${user|userName}`; 但它显示 未定义用户名 我的另一种方法是在代码中手动使用db.collection.findOne().但是有什么聪明的方法吗? 解决方案 首先
..
角度4管道过滤器
我正在尝试使用自定义管道使用ngModel的输入字段来过滤我的*ngFor循环.与我的其他自定义管道(sortBy)配合使用，效果很好.但是，过滤器管道似乎无法显示任何数据.我仍在学习此方法，但尝试了一些变体但无济于事: -filter: term -filter: {{term}} -filter: 'term' -filter" {{'term'}} 所以我认为问题可能出在代码的其他
..
OrderBy管道问题
我无法将此代码从Angualr 1转换为Angular 2: ng-repeat="todo in todos | orderBy: 'completed'" 这是我在蒂埃里·坦佩利(Thierry Templier)的回答之后所做的事情: 组件模板: *ngFor="#todo of todos | sort" 组件代码: @Component({ s
..
使用管道将日期格式设置为dd/MM/yyyy
我正在使用date管道设置日期格式，但是如果没有解决方法，我只是无法获得所需的确切格式.我是错误地理解管道还是只是不可能? //our root app component import {Component} from 'angular2/core' @Component({ selector: 'my-app', providers: [], template: `
..