angular-pipe 相关问题

用于讨论Angular 2+管道

角度自定义管道声明

我正在尝试使用自定义管道来过滤项目列表。 // 管道/my-filter/my-filter.ts 从 '@angular/core' 导入 { Pipe, PipeTransform }; @管道({ 名称:'我的过滤器', }) 导出类 MyFi...

回答 3 投票 0

如何隐藏角货币管中的货币符号

我正在尝试使用 Angular 货币管道,我想从格式化的数字中一起删除货币符号,但似乎没有选项可以做到这一点。那么有没有什么简单的方法可以...

回答 4 投票 0

通过管道设置类绑定类

通过我编写的自定义管道设置类时遇到问题。 我使用映射的信号存储来检查该值是否与存储中的 id 匹配,如果条件为真,则是否为

回答 1 投票 0

TranslocoCurrencyPipe NullInjectorError

我目前正在尝试升级我们项目中的Transloco版本。之前我们使用的是 Transloco 4.3.0 和 Transloco-MessageFormat 4.1.0。 目标是将它们升级到最新版本(7...

回答 1 投票 0

Angular 的 KeyValuePipe 失去了类型

当我在模板中使用 Angular 的 KeyValuePipe 时,关键的管道结果正在丢失其类型。 这是一个例子。 应用程序组件.ts: 导出类 AppComponent { 一些对象:记录<`${'key1...

回答 2 投票 0

Angular 的 KeyValuePipe 失去了类型

当我在模板中使用 Angular 的 KeyValuePipe 时,关键管道结果会丢失其类型。 这是一个例子。 应用程序组件.ts: 导出类 AppComponent { 一些对象:记录<`${'key...

回答 2 投票 0

在角度 18 中找不到名称为“date”的管道

嗨,当我在代码中使用它时,我收到控制台错误,即尝试在此处使用它时找不到名称为“date”的管道 {{房间入住时间|日期}} 管道错误 我很...

回答 1 投票 0

在 Angular 18 中找不到 json 管道

在 Angular 18 的干净项目中,管道“json”不起作用。 从“@angular/core”导入{Component}; 从“@angular/platform-browser”导入{bootstrapApplication}; @成分({

回答 1 投票 0

角度句子案例管道也扰乱了现有的骆驼案例?

我有以下文字: “请完成你的任务” “请考虑一下菲利普的想法” 我将它们发送到同一个组件,然后将其显示为句子大小写: {{

回答 2 投票 0

Angular - 找不到管道“keyvalue”

我正在用简单的代码测试 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';

回答 3 投票 0

如何将 @for 的结果绑定到变量?

在 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> }

回答 1 投票 0

Angular 17 - 使用管道时显示空数据

我正在使用 Angular 17 和以下代码: 数据库.组件.html @for(user of (users | userPipe:filters); 跟踪 user.id) { {{ 用户...

回答 2 投票 0

当值为空时如何返回“-”?

当字段没有值时,我希望它显示 - 而不是空字段。 我为此准备了一个管道,它将空值替换为 - 。 如果值为

回答 1 投票 0

Angular 中的 DecimalPipe 会在字符串超过 10 位时剪切字符串

我使用十进制管道来格式化输入字段中的数字 价值| number:'0.0-6':'en-us' 当我使用超过 10 位数字时,会显示以下内容: 11111111111.123456 返回 11,111,111,111.123455 上

回答 1 投票 0

如何在 Angular 17 的服务中添加角度管道?

我有两个具有相同功能的组件,它们内部调用管道货币,作为一个组件,我可以正确实例化它。 我想将这两个函数移动到一个服务中并调用它,但我不能

回答 1 投票 0

如何在新的 Angular 17 中使用带有数组的异步管道?

假设我的组件类中有这个承诺。 testAsyncNumber = 新的 Promise( (res,rej)=>{ setTimeout(()=>{res([1,2,3,4,5]) },2000); }); 在视图模板中,我需要使用...来获取数据

回答 1 投票 0

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

所以我尝试构建一个自定义管道来在 ngFor 循环中执行多个值的搜索过滤器。我花了几个小时寻找一个好的工作示例,其中大部分都是基于以前的

回答 7 投票 0

元素上的 Angular Pipe 链接不起作用

我在 Angular 中创建了一个过滤器和排序管道,并将其链接如下。但管道链接不起作用。如果我只使用一个管道,它可以工作,但如果我使用两个管道,如下所示,则仅使用过滤器

回答 1 投票 0

如何以独立方式将通用模块 api 使用到服务中

我的应用程序中有一个服务,我需要在其中使用 Pipe。 在 app.module.ts 文件中,我没有在导入数组中导入 commonModule,因为我使用独立方法。 app.module.ts imp...

回答 1 投票 0

Angular 8 将管道注入另一管道不起作用

从 Angular 7 升级到 Angular 8 后,我的管道停止工作并出现错误: 类型错误:未定义不可迭代(无法读取属性 Symbol(Symbol.iterator)) 10 | 10导出类 APipe

回答 2 投票 0

© www.soinside.com 2019 - 2024. All rights reserved.