Angular中"href"和"ng-href"的区别

And*_*edo 21 angularjs

我已经使用了两者href并且ng-href我看不出它们之间的区别.

为什么Angular具有该ng-href属性,何时应该使用它?

Mak*_*oto 34

从文档:

{{hash}}如果用户在Angular有机会{{hash}}用其值替换标记之前单击它,则在href属性中使用Angular标记将使链接转到错误的URL .在Angular替换标记之前,链接将被破坏,并且很可能会返回404错误.该ngHref指令解决了这个问题.

实际上,您使用它的唯一地方是您需要依赖Angular提供给DOM的值的链接.如果您不需要Angular用于该链接的一部分,或者您不打算使用Angular来生成该链接,那么您不需要使用ngHref.


Fer*_*osa 11

如果需要绑定模型中的值,请使用以下指令:

<div ng-init="address='http://stackoverflow.com/questions/37467603'">

  <a ng-href="{{address}}">Dynamic link</a>

  <br/>

  Change the link dynamically: <input type="text" ng-model="address">

</div>
Run Code Online (Sandbox Code Playgroud)

如果您不需要充满活力,那么您可以坚持address:

<a href="http://stackoverflow.com/questions/37467603"/>Static link</a>
Run Code Online (Sandbox Code Playgroud)

  • 尽管此答案具有正确的信息,但不能回答问题。另外,您也可以将`herf = {{address}}`用于动态功能,但是您必须了解,直到Angular解决了该链接,链接才会正确。如果链接在Angular解决之前是隐藏的,则没有任何区别。 (2认同)