2016-06-08 46 views
0

我是在它的待辦事項應用以下鹼性離子教程正常工作:範圍的變量沒有出現在NG重複未經離子

<body ng-app="todo" ng-controller="TodoCtrl"> 

<!-- Center content --> 
<ion-side-menu-content> 
    <ion-header-bar class="bar-dark"> 
    <h1 class="title">Todo</h1> 
    </ion-header-bar> 
    <ion-content> 
    <!-- our list and list items --> 
    <ion-list> 
     <ion-item ng-repeat="task in tasks"> 
     {{task.title}} 
     </ion-item> 
    </ion-list> 
    </ion-content> 
</ion-side-menu-content> 
</body> 

而在app.js

angular.module('todo', ['ionic']) 

.controller('TodoCtrl', function($scope) { 
    $scope.tasks = [ 
    { title: 'Collect coins' }, 
    { title: 'Eat mushrooms' }, 
    { title: 'Get high enough to grab the flag' }, 
    { title: 'Find the Princess' } 
    ]; 
}) 

它只是說明頂部導航欄中,但它沒有任務,但一個有趣的評論:

<ion-list><div class="list"> 
      <!-- ngRepeat: task in tasks --> 
     </div></ion-list> 

,但如果我傳遞一個空數組作爲模件的第二個參數然後它就可以工作。

我在這裏錯過了什麼?

+0

在控制檯中沒有錯誤? – Lex

+0

不管在控制檯上都沒有錯誤。 – sadaf2605

+0

你能提供一個plunkr嗎? –

回答

0

我刪除從HTML <ion-side-menu-content>,一切似乎很動聽:包括`ionic`時

<body ng-app="starter" ng-controller="TodoCtrl"> 

    <ion-header-bar class="bar-dark"> 
    <h1 class="title">Todo</h1> 
    </ion-header-bar> 
    <ion-content> 
    <!-- our list and list items --> 
    <ion-list> 
     <ion-item ng-repeat="task in tasks"> 
     {{task.title}} 
     </ion-item> 
    </ion-list> 
    </ion-content> 

    </body>