Html 使用ng src how to display image无法加载JSON文件中的AngularJS图像
我使用AngularJS从JSON文件读取图像数据，该文件适用于除图像以外的其他数据。 ng src没有获取任何图像？ 我需要将所有图像加载到div中，并使用ng repeat填充我读入的图像数据的src、alt和title属性，但是它不起作用。发生了什么事 那么，我不确定代码的设置方式是否有效 这是我的密码-Html 使用ng src how to display image无法加载JSON文件中的AngularJS图像,html,angularjs,json,Html,Angularjs,Json,我使用AngularJS从JSON文件读取图像数据，该文件适用于除图像以外的其他数据。 ng src没有获取任何图像？ 我需要将所有图像加载到div中，并使用ng repeat填充我读入的图像数据的src、alt和title属性，但是它不起作用。发生了什么事 那么，我不确定代码的设置方式是否有效 这是我的密码- <!DOCTYPE html> <html ng-app="store"> <head> <link rel="s
<!DOCTYPE html>
<html ng-app="store">
<head>
<link rel="stylesheet" type="text/css" href="bootstrap.min.css">
</head>
<body ng-controller = "storeController">
<script type="text/javascript" src="angular.min.js"></script>
<script type="text/javascript" src="app.js"></script>
<!--<button class="btn btn-primary" ng-click="showMessage = !showMessage">Toggle Message</button>
<h2 ng-show="showMessage == true">Secret Message</h2>
<input type="text" placeholder="Leave a Message" ng-model="message">
<h2>{{ message }}</h2>-->
<div class="navbar navbar-default">
<div class="container-fluid">
<div class="navbar-header">
<a class="navbar-brand" href="#">ngPlaces</a>
</div>
</div>
</div>
<div class="container">
<div class="col-sm-4" ng-repeat = "place in places">
<div class="thumbnail">
<img ng-src="images/{{cribs.image}}.jpg" alt="">
<div class="caption">
<h3>{{place.address}}</h3>
<p><strong>Type:</strong>{{place.type}}</p>
<p><strong>Description:</strong>{{place.description}}</p>
<p><strong>Price:</strong>{{place.price | currency}}</p>
</div>
</div>
</div>
</div>
</body>
</html>
(function(){
var app = angular.module('store', []);
app.controller('storeController', function($scope, placesFactory){
$scope.places;
placesFactory.getPlaces().then(function(response){
$scope.places = response.data;
});
$scope.sayHello = function(){
console.log("Hello");
}
});
app.factory('placesFactory', function($http){
function getPlaces(){
return $http.get('data.json');
}
return {
getPlaces: getPlaces
}
});
})();
<img ng-src="images/{{cribs.image}}.jpg" alt="">
<img ng-src="images/{{place.image}}.jpg" alt="">
<img ng-src="images/{{cribs.image}}.jpg" alt="">
<img ng-src="images/{{place.image}}.jpg" alt="">