代码之家  ›  专栏  ›  技术社区  ›  Alter Lagos Hiery Nomus

除了在<img>中,ng-src属性还有其他用途吗

  •  1
  • Alter Lagos Hiery Nomus  · 技术社区  · 13 年前

    我有一个新手AngularJS问题。我在检查 tutorial 并且在 step 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 ?

    1 回复  |  直到 13 年前
        1
  •  3
  •   javaCity    13 年前

    二者都 ng-src 和 src 效果很好。唯一需要注意的是 img 标签被评估,angular可能不会被加载,所以图像url对浏览器来说没有意义。如果可以保证在浏览器评估之前加载angular 国际货币基金组织 ,您可以使用 src公司 以角度表达式作为源。

    下面是一个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';
    }