我正在将数据从应用程序传递到指令,并尝试呈现在$http result上传递的数据。当我将数组记录在指令的作用域中时,我可以看到它的值,但我无法获取要呈现的列表项。
import angular from 'angular';
(function () {
'use strict';
angular
.module('app', [])
.controller('HomeCtrl', ['$http', '$scope', HomeCtrl])
.directive('animals', [
'$http',
function ($http) {
return {
restrict: 'E',
controller: function ($scope) {
console.log('&&&');
console.log($scope);
},
template:
'<li class="service-item ng-repeat="animal in testData">' +
'{{animal.label}}' +
'</li>'
};
}
]);
/**
* Home controller.
* @param {*} $scope
*/
function HomeCtrl($http, $scope) {
$scope.testData = [];
//get mock data for testData
$http.get('lib/testData.json').then(function (response) {
$scope.testData = response.data;
});
}
})();
http://plnkr.co/edit/ry0ns6ryojs82f28?open=lib%2fscript.js&deferrun=1
1条答案
按热度按时间juzqafwq1#
你错过了一个双引号,它是
li class="service-item"