Question

我的应用文件：

 var app = angular.module('app', ['ngRecourse', 'ngRoute']);
 app.config(function($routeProvider, $locationProvider){
   $routeProvider.when('/', { templateUrl: 'partials/main.jade', controller: 'mainCtrl '})
   $locationProvider.html5Mode(true);

 });

 angular.module('app').controller('mainCtrl,' function($scope){
   $scope.myVar = "Hello Angular";
 });

索引页面与布局和所有所需的脚本有关：

 extends ../includes/layout

 block main-content
   section.content
     div(ng-view)

layout.jade：

 doctype
 html
   head
     base(href='/')
     link(href="/favicon.ico", rel="shortcut icon", type="image/x-icon")
     link(rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.6/css/bootstrap.min.css" integrity="sha384-rwoIResjU2yc3z8GV/NPeZWAv56rSmLldC3R/AZzGRnGxQQKnKkoFVhFQhNUwEyJ" crossorigin="anonymous")
     link(rel="stylesheet", href="/vendor/toastr/toastr.css")
     link(rel="stylesheet", href="/css/site.css")
   body(ng-app='app')
     block main-content
     include scripts

这是我的服务器：

 app.get('/partials/:partialPath', function(req,res){
   res.render('partials/' + req.params.partialPath);
 });

 app.get('*', function(req,res){
   res.render('index.jade');
 });

我试图将应用程序脚本直接添加到索引，但是我得到的只是本地主机上的白屏...我正在使用Atom，并且已经安装了我提到的所有软件包。谢谢您的时间！

Answer 1

在您的layout.jade中，添加以下行以包含AngularJS：

script(src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.6/angular.min.js")

您还应该考虑从Jade迁移到Pug，这是一个具有更多功能和更少错误的较新版本。

Angular不显示数据（Nodejs，Jade）

1 个答案: