有角玉模板的信息获取问题

Question

我正在做一个简单的网页应用程序(对它来说是新的)，我使用的是玉/角。我试着得到一个列表来显示一些信息，这就是我所拥有的：

layout.jade：

doctype
html(ng-app)
    head
        title= title
        script(type='text/javascript', src='javascripts/lib/angular.min.js')
        script(type='text/javascript', src='javascripts/lib/angular-resource.min.js')
        script(src='//ajax.googleapis.com/ajax/libs/jquery/2.0.3/jquery.min.js')
        script(type='text/javascript', src='public/javascripts/app2.js')
        link(rel='stylesheet',type='text/css', href='/stylesheets/boostrap.css')
    body
        block content

index.jade：

extends layout

block content
    h1= title
    div(class="container" ng-controller="AppCtrl")
        h1 Angulair
        ul(ng-repeat="airport in airports") 
            li {{airport.code}}
            li {{airport.name}}
            li {{airport.destination}}

最后，应用程序2.js：

function AppCtrl ($scope){
    $scope.airports = {
        "PDX": {
            "code": "PDX", 
            "name": "Portland", 
            "city": "Toronto"
        }
    }; 
}

编辑:下面的一切都是编辑.

我也在使用节点，这就是我的项目的样子

node_modules/
public/
    img/
    javascripts/
        app2.js
        stylesheets/(bootstrap files in here)
routes/
    index.js
views/
    partials/
    index.jade
    layout.jade
app.js
package.json

此外，我在此项目中使用节点，在app.js中调用：

app.get('/', routes.index);

index.js：

exports.index = function(req, res){
  res.render('index', { title: 'Angular Basic' });
};

正如你所看到的，非常简单的东西，但我似乎无法得到显示机场信息的列表。我是否正确地包装玉石模板？

我更改了layout.jade中的脚本，以包含角资源。现在什么都没出现。我还在列表标记中添加了元素的括号，如下所示。还是什么都没有出现。

Answer 1

tire0011 +戴伟都是正确的。

问题不在于你的玉。下面是一个包含tire0011 +Daiwei建议的工作示例：

http://plnkr.co/edit/q2DMGO0P50nWdf1PGlNJ?p=preview

Answer 2

您需要添加一个应用程序模块名。

doctype
html(ng-app="appName")

然后在脚本中首先创建模块，然后创建控制器

var myModule = angular.module('appName', []);

myModule.controller("AppCtrl", function ($scope) { 
   // do your stuff
}

Answer 3

问题是在li标记中，使用{{ XXX }}包装属性

li {{ airport.code }}
li {{ airport.city }}
li {{ airport.name }}