在Angular中使用什么更好 - src或[src] [英] What's better to use in Angular - src or [src]
问题描述
想知道什么建议用于Angular,标准html src
或Angular [src]
?为什么?
Just want to ask what is recommended to use with Angular, standard html src
or Angular [src]
? And why?
编辑:我的html组件中有以下代码:
Edit: I have following code in my html component:
<img class="logo" src="../app/media/appLogo.png">
没关系?如果没有,我应该如何改变它与 [src]
一起工作?
It is fine? If not, how should I change it to work together with [src]
?
Edit2 :还有其他更好的方法,而不是普通的html src
?或者这实际上是最好的解决方案?
Edit2: Is there any other, better way to do it, instead of plain html src
? Or this is the best solution actually?
推荐答案
[...] =......
用于对象绑定 ... ={{...}}
用于绑定字符串插值。如果要绑定字符串,则无关紧要。如果要绑定对象或数组值,则需要使用`[...] =...。除此之外,这完全取决于你。
[...]="..."
is for object binding ...="{{...}}"
is for binding with string interpolation. If you want to bind a string it doesn't matter what you use. If you want to bind an object or array value you need to use `[...]="...". Besides that it's entirely up to you.
<img class="logo" src="../app/media/appLogo.png">
根本与Angular2无关,那就是纯HTML(没有 [ ]
且没有 {{}}
)。如果你在 src
附近添加 []
,那么Angular会处理 ../ app / media /appLogo.png
作为表达式,但显然不是。
Is not related to Angular2 at all, thats just plain HTML (no []
and no {{}}
). If you add []
around src
, then Angular will treat ../app/media/appLogo.png
as an expression, which it clearly isn't.
使用DomSanitizer时 [src] =...
是必需的,因为该值不再是字符串,而是一个对象并使用 {{}}
将其字符串化无效的方式。
When DomSanitizer is used [src]="..."
is mandatory because the value no longer is a string, but an object and using {{}}
would stringify it in an invalid way.
这篇关于在Angular中使用什么更好 - src或[src]的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!