Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/448.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 为什么可以';我使用AngularJS';结合翡翠的景观和路线?_Javascript_Node.js_Angularjs_Express_Pug - Fatal编程技术网

Javascript 为什么可以';我使用AngularJS';结合翡翠的景观和路线?

Javascript 为什么可以';我使用AngularJS';结合翡翠的景观和路线?,javascript,node.js,angularjs,express,pug,Javascript,Node.js,Angularjs,Express,Pug,因此,我目前正试图了解平均堆栈。Express默认使用jade,虽然我知道我可以同样轻松地使用html,但我想我会尝试一下。 现在,当我试着用这样的角度布线时: ... body div(ng-view) script. var app = angular.module('myApp', ['ngRoute']); app.config(function($routeProvider) { $routeProvider .when('/',

因此,我目前正试图了解平均堆栈。Express默认使用jade,虽然我知道我可以同样轻松地使用html,但我想我会尝试一下。 现在,当我试着用这样的角度布线时:

...
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>
h1标题
因此,partial.jade中的所有内容都自动被捕捉到一个span元素中。当然,当我使用html而不是jade时,它工作得非常好


所以我猜angular使用的是jade文件,没有经过预处理,但如果我理解正确,angular纯粹是客户端,而jade预处理器位于服务器端。那么angular怎么可能得到纯玉文件呢


还有,我还有什么方法可以将jade与angular的路由结合使用吗?

它正在加载纯jade文件,因为您告诉它:
templateUrl:'partial1.jade'
。Angular不知道Jade是什么,而且肯定不能将其动态解析为HTML。您需要在构建时编译Jade,并加载已编译的HTML版本的分区。

“Jade预处理器位于服务器端”您可以通过在web浏览器中直接打开“partial1.Jade”来验证此功能是否有效。谢谢,这很有帮助!那么,翡翠文件通常是在什么时候编译的呢?”因为当我更改jade文件时,我不必重新启动服务器来查看更改..jade文件通常由服务器在请求时编译。您也可以向服务器上的程序发出请求,该程序将动态编译Jade文件,但由于它们是静态的角度模板,不需要任何服务器生成的内容,因此这样做毫无意义。您应该在保存或构建时编译它们,并如上所述加载HTML。研究使用
grunt
watch
在保存时自动将Jade编译成HTML。