【问题标题】:How to apply a pipe for a data binding? [closed]如何为数据绑定应用管道? [关闭]
【发布时间】:2020-01-12 18:54:34
【问题描述】:

我需要将管道应用于 Angular 中的数据绑定,但它不起作用。我以前也有过这样的事情:

[message]="enum.text" 我想应用自定义管道而不是 enum.text。我做了这样的事情:

[text]=" '' + ({{'button.noResult' | translate }})". 

[text]="'({{'button.text' | translate }})'"

,但它不起作用......

你知道怎么做吗?

【问题讨论】:

  • 这不是管道的用途。修改 TypeScript 代码中的数据或在要绑定的组件中应用管道。
  • 是的,我正在使用 ngx-translate
  • 好吧,这并没有改变管道不是用来做这个的事实。管道用于更改数据的显示方式,而不是更改数据本身。如果您需要先更改数据,则需要在外部组件中进行。如果没有,您可以在内部组件的模板中应用您的 translate 管道。你明白我的意思吗?
  • 好的,我明白了。但是我的 button.noResult 它在一个 json 文件中,项目以某种方式看到了该 json 中的所有对象。而且我无法修改组件..因为接收 noRowsToShowMessage 值的子组件位于另一个项目中。我的项目与该项目有链接,我无法访问或修改它。
  • 如果你可以访问button.noResult,你可以在你的 TypeScript 代码中操作它。这就是您需要的方法。

标签: angular data-binding pipe


【解决方案1】:

我认为,这应该可行:

noRowsToShowMessage="({{'button.noResult' | translate }})"

【讨论】:

    【解决方案2】:

    实际上,我需要这样做才能工作:

    noRowsToShowMessage="(button.noResult| translate }})"
    

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2021-02-14
      • 2012-08-14
      • 2018-07-29
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多