javascript - 为什么我不能将AngularJS的ng-view和路由与jade结合使用？

Question

所以我目前正在尝试了解 MEAN 堆栈。 Express 默认使用 jade，虽然我知道我可以轻松使用 html，但我想我会尝试一下。现在，当我尝试像这样使用 Angular 路由时:

...
body
  div(ng-view)

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

    app.config(function($routeProvider) {
      $routeProvider
        .when('/',
          {
            templateUrl: 'partial1.jade'
          })
        .otherwise(
          {
            templateUrl: 'partial1.jade'
          });
    });

使用partial1.jade简单为:

h1 Title

生成的 html 将为:

<span class="ng-scope ng-binding">h1 Title</span>

因此，partial.jade 中的所有内容都会自动捕获在 span 元素中。当然，当我使用 html 而不是 jade 时，它​​工作得很好。

所以我猜 Angular 使用了 Jade 文件而不对其进行预处理，但如果我理解正确的话，Angular 纯粹是客户端，而 Jade 预处理器位于服务器端。那么Angular怎么可能得到纯 Jade 文件呢？

还有，有没有办法我仍然可以将jade与Angular的路由结合使用？

Answer 1

它正在加载纯 Jade 文件，因为您告诉它:templateUrl: 'partial1.jade'。 Angular 不知道 Jade 是什么，也绝对无法将其动态解析为 HTML。您需要在构建时编译 Jade 并让 Angular 加载已编译的部分的 HTML 版本。