AngularJS无法使用ng-repeat

时间:2014-04-30 08:33:39

标签: node.js angularjs express angularjs-ng-repeat

我对这个问题感到疯狂......我有一个带有以下文件的node.js / express环境:

应用程序/ controllers.js

'use strict';

/* Controllers */

angular.module('myApp', [])
.controller('clientListCtrl', function($scope) {
    $scope.clients = [
        {'name': 'Dave'},
        {'name': 'Simon'}
];
});

和views / index.jade

doctype html
html(ng-app='myApp')
head
   link(rel='stylesheet' href='stylesheets/style.css')
   link(rel='stylesheet' href='bower_components/bootstrap/dist/css/bootstrap.css')
   script(type='text/javascript' src='javascripts/angular-1.2.16.min.js')

   script(type="application/javascript" src="app/controllers.js")
body
block content
p Welcome to Express
p 1 + 2 = {{ 1 + 2 }}

div(ng-controller="clientListCtrl")

ul
  li(ng-repeat="client in clients")
    span {{client.name}}

我只得到第一部分:

  

欢迎来到快递

     

1 + 2 = 3

而不是名字'列表。

如果您认为我应该添加我的服务器脚本,请告诉我,我会添加它。

提前致谢!

1 个答案:

答案 0 :(得分:2)

这是因为您的div控制器内部没有生成ul。我不知道玉,但我认为这是一个缩进问题。尝试在你的ul中添加一个标签:

div(ng-controller="clientListCtrl")
  ul
    li(ng-repeat="client in clients")
      span {{client.name}}