角度ng-repeat不起作用

我想運行一個小例子，但它不起作用。的HTML。角度ng-repeat不起作用

<body ng-app="angello"> 
<div ng-contoller="mainController"> 
    <div class="span4 sidebar-content"> 
    <h2> stories </h2> 
     <div ng-repeat="story in stories"> 
     <h4> {{ story.title }} </h4> 
     <p> {{ story.description }} </p> 
     </div> 
    </div>  
</div>

腳本代碼：

angular.module('angello',[]) 
     .controller('mainController', function($scope) { 
     $scope.stories = [ 
     {title:'Story 00', description:'Description pending.'}, 
     {title:'Story 01', description:'Description pending.'}, 
     {title:'Story 02', description:'Description pending.'}, 
     {title:'Story 03', description:'Description pending.'}, 
     {title:'Story 04', description:'Description pending.'}, 
     {title:'Story 05', description:'Description pending.'}]; 
    });

預期的是，故事中列出但只有 {{story.title}} {{} story.description } 標籤。問題是什麼？爲什麼這些故事沒有列出？

小提琴： http://jsfiddle.net/tire0011/gU7Qx/

來源

2014-01-12 tire0011

在「框架和擴展」部分中，選擇了「onLoad」。這太遲了，因爲角度已經運行了。 – zeroflagL

在你的HTML，你拼錯ng-controller。您錯過了r。當然，也關閉body標籤。

修復您的ng-controller，以使您的jsfiddle代碼的工作後，你還必須對Frameworks & Extensions改變onLoad到No-wrap - in <head>爲@zeroFlagL提及。

來源

2014-01-12 11:43:30

@StarsSky'ng-contoller'是正確的？好吧，它聽起來很酷，所以我想我們可以認爲它是正確的。 –

即使修復了標籤，問題仍然存在。正確的答案在zeroflagL – StarsSky

@StarsSky的評論：它修復了錯字http://jsfiddle.net/gU7Qx/2/ –

改變拼錯控制器

<div ng-controller="mainController"> 
    <div class="span4 sidebar-content">

，並把javascript的頭，（選擇選項沒有在包裝）似乎是工作。

來源

2014-01-12 12:55:20 sunilp

角度ng-repeat不起作用

回答

相關問題