AngularJS重複示例不起作用

最近我看到下面的重複示例代碼。它看起來比官方的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>

來源

2014-12-19 mind1n

檢查，你是否正確地在HTML中包含JS文件。 – Ved 2014-12-19 08:45:27

採取控制器出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>

納克重複創建的DOM元素的副本，並在上面的代碼它創建的orderprovider控制器的多個實例。這是一個工作plunker。

來源

2014-12-19 08:46:42 iulian

更新你的小提琴。

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>

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 } 
    ]; 
});

你都錯過了一些關鍵的東西，比如加載角的應用程序，你還包括控制器一個可重複的元素，我從來沒有嘗試過，但我是顧essing會導致不好事情發生。

從那裏只是添加一個適當的控制器閉包和在正確的時間加載Angular框架的情況。

來源

2014-12-19 08:47:18 Varedis

AngularJS重複示例不起作用

回答

相關問題