최근에 아래에서 ng-repeat 샘플 코드를 보았습니다. 그것은 공식적인 angularjs 웹 사이트에서보다 훨씬 간단 해 보입니다. 그러나 그것은 내 로컬 환경에서 작동하지 않습니다. 콘솔에 오류 메시지가 없습니다. 반복해도 아무 것도 표시되지 않습니다. 나는 완전히 혼란 스러웠다. 아래 ng-repeat의 문제점은 무엇입니까?AngularJS 반복 샘플이 작동하지 않습니다.
<div ng-app>
<ul class="example-animate-container">
<li ng-controller="orderprovider" class="animate-repeat" ng-repeat="i in items">
{{i.id}} , {{i.total}}
</li>
</ul>
</div>
NG 반복에서 컨트롤러를 가지고 :
<div ng-app>
<ul class="example-animate-container" ng-controller="orderprovider">
<li class="animate-repeat" ng-repeat="i in items">
{{i.id}} , {{i.total}}
</li>
</ul>
</div>
NG-반복 DOM 요소의 복사본을 생성하고 코드가 orderprovider 컨트롤러의 여러 인스턴스를 생성 위 . 다음은 작동하는 plunker입니다.
피들을 업데이트했습니다.
http://jsfiddle.net/331kfnk5/4/
HTML
<body ng-app="app">
<div ng-controller="mainController">
<ul class="example-animate-container">
<li class="animate-repeat" ng-repeat="i in items">
{{ i.id }} , {{ i.total }}
</li>
</ul>
</div>
</body>
JS
var app = angular.module('app', []);
app.controller('mainController', function($scope) {
$scope.items = [
{ id: 'x10242458', total: 100, actual: 80 },
{ id: 'x10242408', total: 10, actual: 8 },
{ id: 'x10242308', total: 101, actual: 81 }
];
});
당신은, 당신은 또한의 컨트롤러 포함 된 각도 응용 프로그램을로드 같은 몇 가지 주요 사항 누락되었다 반복적 인 요소. 이전에 한번도 시도한 적이 없지만 나는 gu이다. 에싱으로 인해 은 일이 발생합니다.
올바른 컨트롤러 클로저를 추가하고 정확한 시간에 각도 프레임 워크를로드하는 경우가있었습니다.
확인하십시오. 제대로 JS 파일을 HTML에 포함 시켰습니까? – Ved