代码之家 › 专栏 › 技术社区 › Learning

角度管道标题基无效管道错误

angular-pipe angular

0

Learning · 技术社区 · 7 年前

我想和Alvis操作员一起使用Titlecase管道,但它没有按预期工作。虽然“number”管道与alvis运算符和titlecasepipe()按预期工作,但transform()也在处理相同的值。

选项1: Chain: {{information?.chains | titlecase}}

引发以下错误:

ERROR Error: InvalidPipeArgument: 'bitcoin' for pipe 'TitleCasePipe'
    at invalidPipeArgumentError (common.js:3953)
    at TitleCasePipe.push../node_modules/@angular/common/fesm5/common.js.TitleCasePipe.transform (common.js:4655)
    at checkAndUpdatePureExpressionInline (core.js:9731)
    at checkAndUpdateNodeInline (core.js:10303)
    at checkAndUpdateNode (core.js:10261)
    at debugCheckAndUpdateNode (core.js:10894)
    at debugCheckRenderNodeFn (core.js:10880)
    at Object.eval [as updateRenderer] (UserMenuComponent.html:8)
    at Object.debugUpdateRenderer [as updateRenderer] (core.js:10872)
    at checkAndUpdateView (core.js:10248)

选项2: Chain: {{'bitcoin' | titlecase}} 按预期将字符串值转换为“比特币”。

选项3: console.log(new TitleCasePipe().transform(this.information.chain)); 按预期将变量值“比特币”转换为“比特币”。

选项4: Balance: {{information?.balance | number}} 如预期,将变量值15603911转换为15603911。

如何在具有异步数据值的HTML视图中使用标题库管道?

3 回复 | 直到 7 年前

1

joshvito 7 年前

试一试怎么样?

<p>Chain: {{ (information?.chains || '') | titlecase}}</p>

2

0

Rafael 7 年前

使用 TitleCasePipe 或任何其他需要同步值的管道,使用异步数据,解包解析/发出的数据 AsyncPipe (两者都适用 Promise 和 Observable ):

<p>Balance: {{bitcoin$ | async | titlecase}}</p>

3

0

mak15 7 年前

t底座管道需要包含@angular/common的commonmodule。你能检查一下你是否添加了那个模块吗?