使用玉模板時，不會加載簡單的角度應用程序

Question

試圖使角工作，但沒有任何反應。我目前使用node.js作爲服務器，表示爲框架和玉作爲模板。

這是我的佈局文件：

doctype html 
html(ng-app="myApp") 
    head 
     meta(charset="utf-8") 
     link(rel="stylesheet", href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css") 
     link(rel="stylesheet", href="css/stylesheet.css") 
     title About 

    body 
     include navbar.jade 
     .wrapper 
      block content 
     .push 
     include footer.jade 

    script(type="text/javascript", href="https://code.jquery.com/jquery-2.2.0.min.js") 
    script(type="text/javascript", href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.j") 
    script(type="text/javascript", href="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js") 
    script(type="text/javascript", href="//ajax.googleapis.com/ajax/libs/angularjs/1.2.25/angular-route.js") 
    script(type="text/javascript", href="js/app.js") 
    script(type="text/javascript", href="js/controllers/mainController.js") 

這是我想使用的角度NG-模型

extends ../layout 
block content 
    .container(ng-controller="mainController") 
     h1 Head 
     | {{message}} 
     input(type='text', data-ng-model='name') 
     | {{name}} 

app.js的index.jade文件：

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

myApp.controller('', function($scope) { 

    $scope.message = 'Hi mom'; 

}); 

在節點服務器我已經定義了像這樣的視圖和靜態文件：

app.set('views', __dirname + '/views'); 
app.use(express.static(__dirname + '/public')); 

文件結構

server.js 

public 
----css 
----etc 
----js 
-------app.js 

views 
---layout.jade 
---footer.jade 
---navbar.jade 
---partials 
------page1.jade 
------page2.jade 

Answer 1

你對myApp控制器聲明需要與您在ng-controller指定。目前，你有它空

ng-controller="mainController"

myApp.controller('mainController', function ($scope) { ... });