Question

尝试做角度工作，但没有任何反应。我目前使用node.js作为服务器，表示为框架，jade作为模板。

这是我的布局文件：

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

的index.jade文件

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

app.js：

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) { ... });

使用玉石模板时，不会加载简单的角度应用程序

1 个答案: