Question

大多数事情对我来说都很好......但是在app.js（angluar文件）中，代码并没有读取用jade编写的main.jade文件。在我的研究中，我知道角度没有读取玉器文件，它只读取html文件。所以，我把所有的jade形式的代码转换成html格式并尝试在浏览器中加载空屏幕。 :(当我在浏览器中打开控制台时，它向我展示了

未捕获的SyntaxError：意外的令牌＆lt; jquer.js.1

未捕获的SyntaxError：意外的令牌＆lt; angular.js：1

未捕获的SyntaxError：意外的令牌＆lt; angular-resource.js：1

未捕获的SyntaxError：意外的令牌＆lt; angular-route.js：1

未捕获的SyntaxError：意外的令牌＆lt; app.js：1

app.js


angular.module('app', ['ngResource', 'ngRoute']);


angular.module('app').config(function($routeProvider, $locationProvider){

$locationProvider.html5Mode(true);
$routeProvider
    .when('/',     {     templateUrl:'../main.jade',controller:'mainCtrl'});
});

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


index.jade

extends ../server/includes/layout.jade

  block main-content

    section.content

    div(ng-view)


main.jade

h1 This is a partial

   h2 {{ myVar }}

在index.jade div（ng-view）不起作用且整个main.jade文件无效:( :(

Answer 1

Angular期待html，而不是jade。因此，您必须将所有jade模板转换为html。为此，您可以使用不同的观察者在您更改时将您的jade-partials转换为html。

Angular文件未显示ng-view且未加载jade文件

1 个答案: