角度ng-src和data-src一起工作

Question

当ng-src和data-src一起使用时，它不起作用，如：

HTML：

<div ng-app="app" ng-controller="MainController">
    <img ng-src="{{userpic}}" data-src="{{userpic}}" />
</div>

JS：

angular.module('app', [])
    .controller('MainController', ['$scope',

function ($scope) {
    $scope.userpic = 'http://placehold.it/350x150';
}]);

如果您跳过data-src =“{{userpic}}”，它会起作用，我不知道为什么。

jsfiddle：http://jsfiddle.net/mKWVh/

Answer 1

您实际上不需要添加data-src属性，如果您希望该指令符合某些IE版本，那么您只需使用data-ng-src="{{userpic}}

<div ng-app="suncake" ng-controller="MainController">
    <img data-ng-src="{{userpic}}" width="69" height="69" />
</div>