angular-pipe相关内容
我有和角度应用程序,作为其中的一部分,我在div(ID为JSONContainer)中显示查询结果。 我想突出显示结果中的特定查询,所以我使用了一个搜索结果的管道,并将文本中的field:Value替换为: FIELD:VALUE. 我向组件添加了以下css: div#JSONContainer span.
..
Angular 2 中是否可以在条件下应用管道?我想做类似的事情: {{ variable.text |(variable.value ? SomePipe : OtherPipe) }} 如果不是,实现此效果的首选方法是什么? 解决方案 你需要稍微改变一下语法: {{variable.value ?(variable.text | SomePipe) : (variable.tex
..
管道是用于转换模板中数据(格式)的过滤器. 我遇到了 pipe() 函数,如下所示.在这种情况下,这个 pipe() 函数到底是什么意思? return this.http.get(url).管道(tap(_ => this.log(`获取的英雄id=${id}`)),catchError(this.handleError(`getHero id=${id}`))); 解决方案 不要混
..
所以我正在尝试构建一个自定义管道来在 ngFor 循环中执行多个值的搜索过滤器.我已经找了几个小时来寻找一个很好的工作示例,其中大部分都是基于以前的构建并且似乎不起作用.所以我正在构建管道并使用控制台为我提供值.但是,我似乎无法显示输入文本. 以下是我以前寻找工作示例的地方: Angular 4 管道过滤器 http://jiles.me/ng-filter-in-angular
..
当使用 Angular keyvalue 管道迭代对象的属性时,如下所示: {{item.key}}:{{item.value}} 我遇到过属性未按预期顺序迭代的问题.此评论表明我不是唯一遇到此问题的人: 如何在 Angular 中使用 ngFor 循环对象属性 有人可以建议在使用键值管道时是什么决定迭代顺序以及如何强制特定的迭代顺序吗?我理想的迭代顺序是添加属性的顺序.
..
我正在使用 date 管道来格式化我的日期,但是如果没有解决方法,我就无法获得我想要的确切格式.我对管道的理解有误还是不可能? //我们的根应用组件从 'angular2/core' 导入 {Component}@成分({选择器:'我的应用',提供者:[],模板:`
你好{{name}}
{{日期 |日期:'ddMMyyyy'}},应该是{{日期 |日期:'dd'
..
我正在尝试从数字数组中过滤一个数字.但我遇到了这个错误.这是我的代码. app.module.ts import { BrowserModule } from '@angular/platform-browser';从'@angular/core' 导入 { NgModule };从 './app.component' 导入 { AppComponent };从 './number-
..
我正在尝试从数字数组中过滤一个数字.但我遇到了这个错误.这是我的代码. app.module.ts import { BrowserModule } from '@angular/platform-browser';从'@angular/core' 导入 { NgModule };从 './app.component' 导入 { AppComponent };从 './number-
..
为什么排序函数起作用了: 交易日期 将 records.map(record => record['user_name'] = record.user.name); 添加到您的 transform 函数中,如下所示: 这将按照我的建议制作对象: 导出类 OrderByPipe 实现 PipeTransform {变换(记录:数组,参数?:任何):任何{if(rec
..
我刚刚将我在 RC5 上构建的应用程序升级到最终版本,我对现在应该声明指令和管道的方式感到困惑.我收到此错误: 错误在 [默认] C:\xampp\htdocs\meriem-car\public\src\app\components\administration.component.ts:12:4'{ moduleId: string; 类型的参数选择器:字符串;指令:typeof Log
..
我使用“ng g pipe"命令创建了一个管道.在我的代码中使用它时出现控制台错误.下面附上代码的截图.错误:错误 NG8004:未找到名为“filterByPrcName"的管道.filter-by-prc-name.pipe.ts控制台错误消息product-list.component.html 解决方案 你需要打开声明你的组件的 angular 模块,然后将其添加到声明中,并添加所
..
我使用“ng g pipe"命令创建了一个管道.在我的代码中使用它时出现控制台错误.下面附上代码的截图.错误:错误 NG8004:未找到名为“filterByPrcName"的管道.filter-by-prc-name.pipe.ts控制台错误消息product-list.component.html 解决方案 你需要打开声明你的组件的 angular 模块,然后将其添加到声明中,并添加所
..
我正在尝试为百分比创建输入字段.我正在使用 PercentPipe 来显示百分比.但是当我输入一些数字时出现错误 控制台错误: 错误错误:InvalidPipeArgument:管道“PercentPipe"的“0% 不是数字" 解决方案 我发现使用百分比管道对输入没有好处. 我将增值税(税率)税率存储为我的数据库中的浮点数,但我想在产品编辑表单上将其显示为百分比.我怀疑否则会
..
我正在尝试为百分比创建输入字段.我正在使用 PercentPipe 来显示百分比.但是当我输入一些数字时出现错误 控制台错误: 错误错误:InvalidPipeArgument:管道“PercentPipe"的“0% 不是数字" 解决方案 我发现使用百分比管道对输入没有好处. 我将增值税(税率)税率存储为我的数据库中的浮点数,但我想在产品编辑表单上将其显示为百分比.我怀疑否则会
..
我正在尝试构建我的 Angular 7 项目,但每次我收到错误提示 模板解析错误:找不到管道“货币". 但是当我尝试运行 ng serve 它确实按预期工作 我尝试使用 --prod 标志构建它,但它不起作用.如果我删除生产标志,它会正确构建. 解决方案 为了使用管道,您首先需要在模块声明中添加管道: import {CurrencyPipeComponent} fro
..
我有一个要求,我必须使用来自 ts 的十进制管道转换数字 不要像这样使用十进制管道 {{rmanFmvRulesDef.max |数字:'1.2-2'}} 我想从组件中操作它,有人可以帮我吗? 解决方案 像往常一样,您可以依赖 DI.您可以覆盖 ts 中的转换函数. import { DecimalPipe } from '@angular/common';类我的服务
..
我需要使用 pipe 在 Angular 6 中创建一个搜索表单,并且必须将多个参数传递给 pipe . nameSearch , emailSearch ,roleSeach , accountSearch
这是我的烟斗: @Pipe({名称:'搜索用户'})导出类 Search
..
componentA.ts: @Input() 数组;{{array.length}} componentB.ts: @Component({选择器:'app-component-b',templateUrl: './app.component
..
我无法将此代码从 Angualr 1 转换为 Angular 2: ng-repeat="todo in todos | orderBy: 'completed'" 这是我按照 Thierry Templier 的回答所做的: 组件模板: *ngFor="#todo of todos | sort" 组件代码: @Component({选择器:'我的应用',templateUrl:
..
在这种情况下,我使用 ngFor 向视图显示学生列表(数组): {{student.name}}
每当我将其他学生添加到列表中时,它都会更新,这很棒. 然而,当我给它一个 pipe 到 filter 的学生姓名时, {{student.name}}
..