用于讨论Angular 2+管道
在 Angular 18 中,是否可以有一个使用另一个管道的自定义独立管道? 这是我正在尝试做的事情: 从“@angular/core”导入{注入,管道,PipeTransform}; 导入 { 货币...
我正在尝试使用自定义管道来过滤项目列表。 // 管道/my-filter/my-filter.ts 从 '@angular/core' 导入 { Pipe, PipeTransform }; @管道({ 名称:'我的过滤器', }) 导出类 MyFi...
我正在尝试使用 Angular 货币管道,我想从格式化的数字中一起删除货币符号,但似乎没有选项可以做到这一点。那么有没有什么简单的方法可以...
通过我编写的自定义管道设置类时遇到问题。 我使用映射的信号存储来检查该值是否与存储中的 id 匹配,如果条件为真,则是否为
TranslocoCurrencyPipe NullInjectorError
我目前正在尝试升级我们项目中的Transloco版本。之前我们使用的是 Transloco 4.3.0 和 Transloco-MessageFormat 4.1.0。 目标是将它们升级到最新版本(7...
当我在模板中使用 Angular 的 KeyValuePipe 时,关键的管道结果正在丢失其类型。 这是一个例子。 应用程序组件.ts: 导出类 AppComponent { 一些对象:记录<`${'key1...
当我在模板中使用 Angular 的 KeyValuePipe 时,关键管道结果会丢失其类型。 这是一个例子。 应用程序组件.ts: 导出类 AppComponent { 一些对象:记录<`${'key...
嗨,当我在代码中使用它时,我收到控制台错误,即尝试在此处使用它时找不到名称为“date”的管道 {{房间入住时间|日期}} 管道错误 我很...
在 Angular 18 的干净项目中,管道“json”不起作用。 从“@angular/core”导入{Component}; 从“@angular/platform-browser”导入{bootstrapApplication}; @成分({
我有以下文字: “请完成你的任务” “请考虑一下菲利普的想法” 我将它们发送到同一个组件,然后将其显示为句子大小写: {{
我正在用简单的代码测试 Angular 的键值管道: 从 '@angular/core' 导入 { Component } ; @成分({ 选择器:'应用程序根', 模板:` 我正在用简单的代码测试 Angular 的 keyvalue 管道: import { Component } from '@angular/core'; @Component({ selector: 'app-root', template: `<div *ngFor="let prop of testObj | keyvalue"> <div>key: {{prop.key}}</div> <div>value: {{prop.value}}<div> </div> ` }) export class AppComponent { testObj = { id: 1, name: "Abdul Rafay" } } 但它给了我这个错误: 模板解析错误:找不到管道“keyvalue”(“]prop of testObj | keyvalue”> key: {{prop.key}} value: {{prop.value}}"): ng:///AppModule/AppComponent.html@0:17 评估 src/main.ts 启动 应用 我错过了什么吗?这是我的Stackblitz 你的代码没问题。您只需将依赖项更新到 6.1 即可使用 keyvalue 管道。 Stackblitz 这里 KeyValue Pipe 在 Angular 6.1 中可用,可以更新您的依赖项,它将起作用 如果你使用的是 Angular 6 你可以尝试这个 HTML <div *ngFor="let prop of key"> <div>key: {{prop}}</div> <div>value: {{testObj[prop]}}<div> </div> TS testObj = { id: 1, name: "Abdul Rafay" } get key(){ return Object.keys(this.testObj); } 示例:https://stackblitz.com/edit/angular-6-template-x9hady Angular 16:就我而言,我必须添加 import { KeyValuePipe } from '@angular/common';
在 Angular 16(及更早版本)中,可以在 for 循环后面使用“as”将过滤结果声明为变量。 就像这样: 在 Angular 16(及更早版本)中,可以在 for 循环后面使用“as”将过滤结果声明为变量。 像这样: <div *ngFor="let item of (items | pipe: Query) as results"> {{item}} </div> 我如何在 Angular 17 中实现这一目标? 我已经尝试过使用 @for (let item of (items | pipe: Query) as results; track item.id) <div> {{item}} </div> 但这不起作用。 我希望能够使用过滤后的结果并将它们存储在项目数组中。 这可能吗?任何帮助将不胜感激! 您可以尝试下面的代码吗? @for (let item of (items | pipe: Query); track item.id) { <div> {{item}} </div> }
我正在使用 Angular 17 和以下代码: 数据库.组件.html @for(user of (users | userPipe:filters); 跟踪 user.id) { {{ 用户...
当字段没有值时,我希望它显示 - 而不是空字段。 我为此准备了一个管道,它将空值替换为 - 。 如果值为
Angular 中的 DecimalPipe 会在字符串超过 10 位时剪切字符串
我使用十进制管道来格式化输入字段中的数字 价值| number:'0.0-6':'en-us' 当我使用超过 10 位数字时,会显示以下内容: 11111111111.123456 返回 11,111,111,111.123455 上
我有两个具有相同功能的组件,它们内部调用管道货币,作为一个组件,我可以正确实例化它。 我想将这两个函数移动到一个服务中并调用它,但我不能
如何在新的 Angular 17 中使用带有数组的异步管道?
假设我的组件类中有这个承诺。 testAsyncNumber = 新的 Promise( (res,rej)=>{ setTimeout(()=>{res([1,2,3,4,5]) },2000); }); 在视图模板中,我需要使用...来获取数据
所以我尝试构建一个自定义管道来在 ngFor 循环中执行多个值的搜索过滤器。我花了几个小时寻找一个好的工作示例,其中大部分都是基于以前的
我在 Angular 中创建了一个过滤器和排序管道,并将其链接如下。但管道链接不起作用。如果我只使用一个管道,它可以工作,但如果我使用两个管道,如下所示,则仅使用过滤器
我的应用程序中有一个服务,我需要在其中使用 Pipe。 在 app.module.ts 文件中,我没有在导入数组中导入 commonModule,因为我使用独立方法。 app.module.ts imp...