Question

我遇到ng-include的问题，其中调用jade文件进行渲染。我将jade文件放在public / partials文件夹中，但是当我加载页面时，它会向我显示jade文件的内容而不是呈现的文件。

sharedElement.jade：

div
  Name
  input#Name(name="Name" type="text")
  Family 
  input#FamilyName(name="family" type="text")
  button(type="button") submit it

index.jade：

div(ng-include='"partials/sharedElements.jade"')

＆＃34;输出html是＆＃34;

<div ng-include="&quot;partials/sharedElements.jade&quot;" class="ng-scope">    
    <span class="ng-scope">
       div
         Name
         input#Name(name="Name" type="text")
         Family 
         input#FamilyName(name="family" type="text")
         button(type="button") submit it</span></div>
    </span>
</div>

输出显示：

div Name input#Name(name="Name" type="text") Family input#FamilyName(name="family" type="text") button(type="button") submit it

我想念什么？

Answer 1

jade视图引擎（在Express中，我假设你正在使用）不理解ng-include指令作为AngularJS的一个特性。必须将ng-include值设置为已配置为返回已呈现部分的路径。像partials / sharedElements这样的东西。

在你的快递应用程序中，你应该有类似的东西：

app.get('/partials/sharedElements', function     (req, res) {
  res.render('partials/sharedElements', { title: 'Hey', message: 'Hello there!'});
});

这显然只是为了给你一个想法。您没有指定如何在快递应用中呈现您的Jade内容。

查看模板引擎上的Express文档。 http://expressjs.com/en/guide/using-template-engines.html

nodejs或angular显示玉文件内容并且不呈现它（在ng-include中）

1 个答案: