Question

我想运行一个小例子，但它不起作用。 html。

<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/

Answer 1

在您的HTML中，您拼写错误ng-controller。你错过了r。当然，也请关闭body标记。

修复ng-controller后，为了让您的代码在jsFiddle中运行，您还必须将onLoad上的Frameworks & Extensions更改为No-wrap - in <head>，如@zeroFlagL所述。

Answer 2

更改拼写错误的控制器

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

并将javascript置于头部，（选择选项No wrap in）似乎正在运行。

角度ng-repeat不起作用

2 个答案: