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

Question

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

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

Answer 1

从文档:

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

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

Answer 2

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

<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>

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

<a href="http://stackoverflow.com/questions/37467603"/>Static link</a>