angularjs - ng-src 属性除了 in 之外还有其他用途吗

Question

我有一个新手 AngularJS 问题。我正在检查教程，在第 6 步中有以下代码行：

<a href="#/phones/{{phone.id}}" class="thumb"><img ng-src="{{phone.imageUrl}}"></a>

他们解释说您必须使用ng-src而不是，src否则浏览器将按{{phone.imageUrl}}字面意思对待。然而，在同一行中出现href="#/phones/{{phone.id}}"了没有使用特殊标签的地方。
为什么会这样？这仅适用于<img>标签，或者在其他情况下您必须使用ng-scr？

Answer 1

两者都ng-src工作src得很好。唯一需要注意的是，在img评估标签时，可能不会加载 angular，因此图像 url 对浏览器没有意义。如果您可以保证在浏览器评估之前加载 angular img，您可以使用srcwith angular expression 作为源。

这是一个 jsFiddle 演示了这一点。

http://jsfiddle.net/PkpL3/

HTML：

<div ng-controller="MyCtrl">
    <img src="{{name}}"/>
    <img ng-src="{{name}}"/>
</div>

控制器：

var myApp = angular.module('myApp',[]);

function MyCtrl($scope) {
    $scope.name = 'https://www.google.com/images/srpr/logo5w.png';
}