可以't使用ng src-Angularjs加载单个本地

Can't load individual local with ng-src - Angularjs

本文关键字：src-Angularjs 加载 单个本 ng 使用 可以      更新时间：2023-09-26

我在尝试将单个图像绑定到模板时遇到了一个问题。当存在其他数据时，我通常会使用中继器。然而，在这里我只需要放置一个图像，而不需要其他数据。我在示例一中成功地使用了ng repeat来调用来自网络的图像。但是，本地链接会生成损坏的图像。我在这里错过了什么？

FYI。我使用的是angular seed项目，所以控制器是在app.js中设置的，不需要包装ng-src。

示例1-成功

<img ng-src="{{image}}"/>
.controller('someCtrl', ['$scope', function($scope) {
    $scope.image = 'https://farm4.staticflickr.com/3261/2801924702_ffbdeda927_d.jpg';
}])

示例2-失败

<img ng-src="../img/{{image}}"/>
.controller('someCtrl', ['$scope', function($scope) {
    $scope.image = 'cat.jpg';
}])

从正确的语法角度来看。我刚刚在一个有角度的项目中做了这个。确保图像在它应该在的地方，并且你的相对路径是正确的。这就是所有可能出错的地方。我不认为这是一个有角度的问题。

它应该可以工作。检查您的图片是否存在。

http://jsfiddle.net/s0w6eyna/

HTML

<img ng-src="https://farm4.staticflickr.com/3261/2801924702_{{image}}" />

JS-

function ImageCtrl($scope) {
    $scope.image = 'ffbdeda927_d.jpg';
}
相关文章：