【问题标题】:How to do bind next to a string in Angular?如何在Angular中的字符串旁边绑定?
【发布时间】:2019-10-19 08:29:34
【问题描述】:

我有两个变量构成图像的链接,所以我想把它们放在 src 标签中:

[src] = {{part1}}+"_"+{{part2}}

但这对我不起作用。 “_”下的脚本必须位于两个部分的中间,因为所有链接都有下划线。怎么会是正确的方式?我尝试了几种方法,但都没有奏效。提前致谢。

【问题讨论】:

  • 你可以做到[src]='part1 + "_" + part2'src="{{part1}}_{{part2}}"

标签: angular image binding


【解决方案1】:

当您使用模板表达式时,您不使用双花括号。

模板表达式看起来:

[src]="part1 + ' ' + part2"

或用大括号插值:

src="{{part1}} {{part2}}"

Interpolation and Template Expressions in angular doc

【讨论】:

  • 感谢您的回答。用这个探测并且不加载图像:src="{{url}}{{inmuebles[i].id}}_{{inmuebles[i].fotos[0]}}",也尝试其他方式和我收到一个错误。
  • 您能否描述正在创建的路径以及预期的路径?我不明白这个问题。
【解决方案2】:

src = "{{part1 + '_' + part2}}"

在大括号内评估您的表达式将得到所需的结果。这是因为它在使用大括号时接受表达式插值。 src 的值是结果,因此您不需要绑定。

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2023-01-19
    • 1970-01-01
    • 2017-09-05
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2019-01-20
    • 1970-01-01
    相关资源
    最近更新 更多