[英]Can't Get ng-repeat To Work
I have been practicing AngularJS and Angular Material. 我一直在练习AngularJS和Angular Material。 and I have followed tutorials where I utilized ng-repeat.
并且我遵循了使用ng-repeat的教程。 I am trying to do this on my own but I can't seem to get it to work.
我正在尝试独自完成此操作,但似乎无法使其正常工作。 I do not have any console errors.
我没有任何控制台错误。 I don't see what could be missing so I may be missing an important concept in Angular.
我看不到可能会丢失的内容,因此可能会缺少Angular中的一个重要概念。 Thank you for your help!
谢谢您的帮助!
Plunker: http://plnkr.co/edit/31WaRmH5RRdW5TFEFbg2 柱塞: http ://plnkr.co/edit/31WaRmH5RRdW5TFEFbg2
HTML HTML
<html lang="en" ng-app="myApp">
<head>
<meta charset="utf-8">
<title>Angular Material</title>
<link rel="stylesheet" href="https://cdn.rawgit.com/angular/bower-material/v0.8.3/angular-material.css" />
<script src="https://code.angularjs.org/1.3.15/angular.js" data-semver="1.3.15"></script>
<script src="https://code.angularjs.org/1.3.15/angular-animate.js"></script>
<script src="https://code.angularjs.org/1.3.15/angular-aria.js"></script>
<script src="https://code.angularjs.org/1.3.15/angular-route.js"></script>
<script src="https://cdn.rawgit.com/angular/bower-material/v0.8.3/angular-material.js"></script>
<!-- ICON SET -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/angular-material-icons/0.7.1/angular-material-icons.min.js"></script>
<script src="app.js"></script>
<script src="controllers.js"></script>
</head>
<body>
<md-list flex>
<md-item ng-repeat="artist in artists">
<a>
<md-item-content md-ink-ripple layout="row" layout-align="start center">
<div class="inset">{{ artist.name }}
</div>
</md-item-content>
</a>
</md-item>
</md-list>
</body>
</html>
app.js app.js
var myApp = angular.module('myApp', [
'ngMaterial',
'ngRoute',
'ngMdIcons',
'artistControllers'
]);
controllers.js controllers.js
var artistControllers = angular.module('artistControllers', []);
artistControllers.controller('ListController', ['$scope', '$http', function($scope, $http){
$http.get('data.json').success(function(data){
$scope.artists = data;
});
}]);
You missed ng-controller to include in the element. 您错过了ng-controller包含在元素中。
<md-list flex ng-controller="ListController">
You are missing ng-controller
您缺少
ng-controller
<body ng-controller="ListController">
</body>
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.