NgFor 不使用 Angular2 中的管道更新数据
在这种情况下，我使用 ngFor 向视图显示学生列表(数组): {{student.name}}
每当我将其他学生添加到列表中时，它都会更新，这很棒. 然而，当我给它一个 pipe 到 filter 的学生姓名时， {{student.name}}
..
angular-pipe相关内容
如何在 angular 组件中使用 DecimalPipe?
我有一个要求，我必须使用来自 ts 的十进制管道转换数字 不要像这样使用十进制管道 {{rmanFmvRulesDef.max |数字:'1.2-2'}} 我想从组件中操作它，有人可以帮我吗? 解决方案 像往常一样，您可以依赖 DI.您可以覆盖 ts 中的转换函数. import { DecimalPipe } from '@angular/common';类我的服务
..
Angular - 找不到带有名称的管道
我使用“ng g pipe"命令创建了一个管道.在我的代码中使用它时出现控制台错误.下面附上代码的截图.错误:错误 NG8004:未找到名为“filterByPrcName"的管道.filter-by-prc-name.pipe.ts控制台错误信息product-list.component.html 解决方案 你需要打开声明你的组件的 angular 模块，然后将其添加到声明中，并添加所
..
带有 TypeScript 的 Angular 管道中的 MapToIterable
尝试在 Angular 中实现管道.在意识到 ngFor 不适用于地图之后.一些研究让我相信未来的功能会解决这个问题，但同时 mapToIterable 管道就是答案. 我有以下代码: import {Pipe, PipeTransform} from '@angular/core';@管道({名称:'mapToIterable'})导出类 MapToIterablePipe 实现 Pip
..
PIPE 被多次调用，我怎样才能让它只调用一次?
HTML : (component.html) Pipe.ts: commaLocaleCodes = ['AM', 'AR'];变换(输入){如果(输入){const uiLanguage = 'am');如果 (this.commaLocaleCodes.indexOf(uiLanguage.toUpperCase()) > -1) {返回 input.replace(".", ","
..
异步管道向子组件发送“空"值
我想向子组件传递一个值.这个值是一个 Observable，所以我使用异步管道. test$ 只是一个普通的可观察变量，它会在一段时间(3000 毫秒)后发出值，模拟对服务器的 API 请求. this.test$=timer(3000).pipe(映射到(“值")) 在子组件中，我只想检查 test 值 @I
..
角形管道，用于使用多级键过滤文本
我有一个弯角管道，它只是从ngFor过滤掉文本.它与json对象的单个级别一起使用时效果很好，但是在有多个级别的对象时失败. 管道: 从'@ angular/core'导入{Pipe，PipeTransform};@Pipe({name:'simpleSearch'})导出类SimpleSearchPipe实现了PipeTransform {公共转换(值，键:字符串，术语:字符串){if(
..
Angular 2-科学计数法的数字管道
我正在使用数字管道(数字:'1.2-2')将小数点四舍五入.它适用于标准格式编号，但对于科学格式编号(指数)，结果以标准格式返回. 例如，如果我将上述数字管道应用于1.336274995924138e + 306，我期望1.34e + 306，但我得到的是133627499592414000000000000000000000000000000000000000000000000000000
..
自定义过滤器区分大小写
我创建了自定义管道以从数据库中过滤数据 有烟斗 从'@ angular/core'导入{Pipe，PipeTransform};@管道({名称:"filter"})导出类FilterPipe实现了PipeTransform {转换(别名:任何，术语:任何):任何{//检查搜索词是否未定义if(term === undefined)返回别名；//返回更新后的数组return aliass.f
..
如果Observable使用异步管道，是否需要取消订阅?
我需要确定两种不同的处理Observable的方法是否同样有效，或者是否会导致内存问题. 在下面的示例中， foo $ 和 bar 是从服务接收其值的模板变量.每个都有自己的Observable.在该组件中， bar 从订阅中被明确赋予其值，然后在 OnDestroy()中结束该订阅.但是， foo $ 不会显式订阅服务，而是在模板中使用 async 管道. foo $ 和 bar 都
..
如何扩展ngx-translate管道
我想扩展ngx-translate的管道，使其在我的应用程序中可能具有多种用途. 我的烟斗: 从'@ angular/core'导入{Pipe，PipeTransform};从"@ ngx-translate/core"导入{TranslatePipe}；@管道({名称:"msg"})导出类MsgPipe扩展了TranslatePipe实现PipeTransform {transform(
..
角度-传递管道为变量
如何存储和使用变量中的管道信息? 我已经搜索了很多，但是找不到解决方案. 我要实现的目标是将任何有效的管道信息作为变量传递(十进制，百分比，日期，自定义等).遵循一个简单的示例: parent.component.ts: columnsDef = {值:0.35，pipeInfo:'百分比:"0.2-2":"pt-BR"'}; parent.component html:
..
如何使管道动态角度为2
我有以下UI按钮: [显示全部] [类别1] [类别2] 我想使用 ngx-pipes 中的 filterBy ( Bar Tech 替换为 currentCategory ? 如何在单击按钮时更新管道?我知道我可以绑定(单击)事件，但是我不太确定如何通过(单击)提示提示管道再次过滤的方式更新 currentCategory . 换句话说:使用按钮，我想基于匹配的属性更新显示的
..
有角日期前的烟斗吗?
我正在尝试创建帖子共享网站.我想以角形创建日期前的管道. 从"angular2/core"导入{Pipe，PipeTransform}；@管道({名称:"messageTime"，纯:假})导出类MessageTimePipe实现了PipeTransform {transform(value:Date，[]):字符串{var结果:字串；//当前时间现在让我们= new Date().getTim
..
使用Angular 2管道将时间戳转换为日期
我正在尝试使用Angular管道将时间戳转换为日期格式.我是在HTML模板中编写的: {{myTimestamp |日期}} myTimestamp 是数字类型. 我得到了意外的结果，例如时间戳记 1468251287 (与2016年11月7日匹配)显示为 1970年1月18日. 我想知道如何解决此问题. 解决方案 如@Perry所述，您需要提供以毫秒为单位的日期.从日
..
在Angular 2中的对象的所有属性中搜索字符串
如何使用TS在Angular 2中的对象的所有属性中搜索字符串. 如果用户键入一个值，我想搜索所有属性值以推送与键入的值匹配的客户，那么我将在带有搜索框的表格中呈现一组客户. export var客户:Client [] = [{id:1，名称:"John"，电话:"888-888-888"}，{id:2，名称:"Nick"，电话:"555-888-888"}，{id:3，名称:"Mik
..
Angular中的不纯管道是什么?
@Pipe({name:'myPipe'，pure:false}) 我无法理解不纯净的管道. 纯管道和不纯管道有什么区别? 请通过一个简单的基本示例进行解释. 解决方案 仅当Angular检测到值或传递给管道的参数发生变化时，才会调用纯管道. 每个更改检测周期都会调用不纯管道，无论值或参数是否更改. 这与Angular未检测到的更改有关 当您传递一个更改
..
将多个值传递给Angular 6中的管道
我需要在Angular 6中使用管道创建搜索表单，并且必须将多个参数传递给pipe. nameSearch，emailSearch，roleSeach，accountSearch
这是我的管道: @Pipe({ name: 'searchuser'
..
如何在角度5中将时间从24小时格式更改为12小时格式
我在应用程序中使用输入类型time来接收时间:
..
如何在异步管道上使用自定义管道?
我正在尝试在异步管道上创建自定义管道，我尝试了许多解决方案，但仍然无法正常工作.这是代码段. product.sort.ts-自定义管道 import { PipeTransform, Pipe } from '@angular/core'; import { Observable } from 'rxjs/Observable'; @Pipe({ name: 'sortBy
..