首页 文章
  • 3 votes
     answers
     views

    Angular 4过滤器搜索自定义管道

    所以我正在尝试构建一个自定义管道来对ngFor循环中的多个值进行搜索过滤 . 我已经花了好几个小时才找到一个好的工作示例,其中大多数是基于以前的版本,似乎没有用 . 所以我正在构建Pipe并使用控制台为我提供值 . 但是,我似乎无法显示输入文本 . 以下是我以前寻找工作示例的地方: Angular 4 Pipe Filter http://jilles.me/ng-filter-in-angula...
  • 104 votes
     answers
     views

    NgFor不使用Angular2中的Pipe更新数据

    在这种情况下,我正在使用 ngFor 向视图中显示学生列表(数组): <li *ngFor="#student of students">{{student.name}}</li> 每当我将其他学生添加到列表中时,它都会更新 . 但是,当我按学生名称给它 pipe 时, filter <li *ngFor="#student of st...
  • 2 votes
     answers
     views

    浏览器无法解析角度管道返回的html标记

    我想要发生的是为管道提供一个值,然后让管道将其转换为一个列表 . 这可能不是最好的方法,但这是我想到的第一件事 . 基本上我有一个简单的表 . 我有我的模板 <tr *ngFor="let res of results"> <td>{{res.value1}}</td> <td>{{res.value2 | lis...
  • 4 votes
     answers
     views

    使用Angular输入格式编号

    在Angular中,如何在不更改模型值的情况下格式化显示的输入值?该值必须以千位分隔符显示(FR为 ' ' ,EN为 ',' )和小数点分隔符(FR为 ',' ,EN为 '.' ) . 当后端从数据加载初始化值时,必须格式化输入 . 我尝试过这样的事情: <input class="form-control" name="test" [ng...
  • 0 votes
     answers
     views

    角度5管道装饰不起作用

    我创建了一个名为 trim 的角 Pipe . 此管道旨在从字符串中删除最后一个字符 . 这是我的管道类 TrimPipe . 在HTML中使用管道时,控制台不记录值 . HTML用法在这里 - <ng-container *ngFor="let bg of backgrounds.preferred"> <span>{{bg.nam...
  • 3 votes
     answers
     views

    角2过滤管

    尝试编写自定义管道来隐藏一些项目 . import { Pipe } from '@angular/core'; // Tell Angular2 we're creating a Pipe with TypeScript decorators @Pipe({ name: 'showfilter' }) export class ShowPipe { transform(val...
  • 1 votes
     answers
     views

    来自过滤JSON的Angular 2管道

    我将使用管道来过滤一些json并根据值显示Name 这是我的JSON bankAccountUsage = [ { value: 1, name: "x" }, { value: 2, name: "y" }, { value: 3, name: "z" } ]; 这是PIPE: import { Pipe,...
  • 20 votes
     answers
     views

    角4管过滤器

    我正在尝试使用自定义管道使用带有ngModel的输入字段来过滤我的 *ngFor 循环 . 使用我的其他自定义管道(sortBy),它工作得很好 . 但是,过滤管似乎使得没有数据出现 . 我还在学习这个,我尝试了一些变化无济于事: -filter: term -filter: {{term}} -filter: 'term' -filter" {{'term'}} 所以我认为问题可能在...
  • 0 votes
     answers
     views

    Angular 2复选框过滤

    我想用Angular 2过滤多个复选框,并实现像THIS这样的东西 .问题是,当我检查2个不同的复选框时,应用程序无法正常工作 . App.Component.html <div *ngFor="let s of cpuName"> <input type="checkbox" [(ngModel)]="s.che...
  • 1 votes
     answers
     views

    使用管道的Angular复选框过滤器

    您好我正在尝试创建一个复选框角度管道,可以在选中时过滤我的产品 . 清单是动态的,同一个JSON文件中的列表也是动态的 - 复选框 - 以下代码在组件中创建复选框 <div *ngFor="let b of prod.brand"> <input type="checkbox" value="{{b.BrandName}}&q...
  • 0 votes
     answers
     views

    Angular 5 Pipe,{updateOn:'blur'}未按预期更新模型

    我在Angular 5中创建了一个自定义管道,用于更新模糊输入字段的显示 . 转换并显示输入字段的值,但不正确更新模型的值 . 这是我期望的功能,有没有办法通过管道实现这一点? Stackblitz - Link to Sample Code Steps to Reproduce the issue. 删除现有值并键入任意数字,然后单击该字段外部 . (例如:242235.34234) 输入和模...
  • 2 votes
     answers
     views

    Angular 4 - 如何在输入类型中使用货币管道

    我有一个HTML输入: <input [(ngModel)]="item.value" name="inputField" type="text" /> 我想格式化它的值并使用现有的管道: .... [(ngModel)]="item.value | currency:'USD':true" ..... ...
  • 3 votes
     answers
     views

    需要角度2货币管道显示2位小数并接受各种用户输入

    我有一个输入,我需要显示货币 . 我需要它总是显示2个小数位和没有美元符号 . 我决定使用 number 管道因为我不关心美元符号 . 此输入可由用户编辑,但是当我使用管道时,我会遇到不良行为 . Here is what the code looks like for the input: <input type="text" [ngModel]="myCur...
  • 17 votes
     answers
     views

    Angular 2.0版本:管道和指令不再是@Component的属性

    我刚刚将我在RC5上构建的应用程序升级到最终版本,而且我对我现在应该声明指令和管道的方式感到困惑 . 我收到这个错误: [默认]中的错误:C:\ xampp \ htdocs \ meriem-car \ public \ src \ app \ components \ administration.component.ts:12:4类型'{moduleId:string; selector:...
  • 0 votes
     answers
     views

    Angular2 / 4如何更新* ngFor中的模板正在处理[object,object]?

    我有Json Object之类的 var obj = { "TimSays":"I can Walk", "RyanSays":"I can sing", "MaxSays":"I can dance", "SuperSays"...
  • 1 votes
     answers
     views

    用于嵌套json数组的Angular 4管道过滤器

    我正在尝试使用自定义管道使用带有ngModel的输入字段来过滤我的Json数据循环 . 基本上我有一个带有大量项目的侧栏,所以我想有一个输入字段,以便我可以搜索侧边栏中的项目 . 现在侧边栏项目可以是单个项目,也可以包含子项目 . 这是我的侧边栏数组(基本上是侧边栏的模型),我想从中过滤项目: Array export const menu_items = [ { "titl...

热门问题