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(ng-controller='AppCtrl')
        h1 Angulair
        ul(ng-app=ng-repeat="airport in airports") 
            li {{ airport.code }}
            li {{ airport.name }}
            li {{ airport.destination }}

app2.js：

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

我一直收到这个错误：

500 ReferenceError：/ Users / AllanAraujo / Desktop / testapp 5 / views / index.jade:7
5 | div（ng-controller ='AppCtrl'）
6 | h1 Angulair
＆gt; 7 | ul（ng-app = ng-repeat =“机场机场”）
8 | li {{airport.code}}
9 | li {{airport.name}}
10 | li {{airport.destination}}

分配中的左侧无效

我是jade / angular的新手，所以我对这个错误是什么感到困惑。任何帮助表示赞赏。

Answer 1

我认为这是因为index.jade中的以下行：

ul(ng-app=ng-repeat="airport in airports")

ng-app和ng-repeat是属性。您需要使用逗号分隔它们：

ul(ng-app, ng-repeat="airport in airports")

使用angular将范围加载到jade模板时出错

1 个答案: