javascript - 在 Angular 中使用什么更好 - src 或 [src]

Question

只是想问一下推荐使用Angular，标准的html src 还是Angular [src]？为什么？

编辑:我的 html 组件中有以下代码:

<img class="logo" src="../app/media/appLogo.png">

还好吗？如果不是，我应该如何更改它以与 [src] 一起工作？

Edit2:除了纯 html src 之外，还有其他更好的方法吗？或者这实际上是最好的解决方案？

Answer 1

[...]="..." 用于对象绑定(bind) ...="{{...}}" 用于与字符串绑定(bind)插值。如果你想绑定(bind)一个字符串，你使用什么并不重要。如果你想绑定(bind)一个对象或数组值，你需要使用 `[...]="..."。除此之外，这完全取决于您。

<img class="logo" src="../app/media/appLogo.png">

与 Angular2 完全无关，那只是纯 HTML(没有 [] 也没有 {{}})。如果你在 src 周围添加 []，那么 Angular 会将 ../app/media/appLogo.png 视为一个表达式，这很清楚不是。

当使用 DomSanitizer 时 [src]="..." 是强制性的，因为该值不再是字符串，而是一个对象并且使用 {{}}会以无效的方式将其字符串化。