Angular成分JADE不会转换为HTML元素

Question

我已经使用Jade Template Engine创建了使用Angular应用程序的节点JS。我正在尝试将玉模板访问到角度组件中，但它像字符串一样呈现。

Angular JS组件

(function() {
"use strict";
var module = angular.module("neela", []);
module.component("neelaList", {
    templateUrl: "home.jade",
    controllerAs: "vm",
    controller: function() {
        var self= this;
        self.message = "Hello Neela!!"
        self.changeMessage= function() {
            self.message ="Changed"
        }
    }
});
}());

索引/主页

extends layout
block content
header.navbar.navbar-expand-lg.navbar-light.static-top.sb-navbar        
    a(href="#").navbar-brand NEELA
    .navbar-nav-scroll
        ul.navbar-nav.pull-right
            li 
                a(href="#") Why Neela?          
neela-list  /* component declaration */

home.jade

    button(ng-click="changeMessage();")

试图将按钮元素加载到Neela-list组件中，但某种原因将其呈现为字符串而不是按钮。

Answer 1

您必须将 jade渲染到 html .in单独的文件

module.exports = function(app){
  app.get('/yourTemplateURLInComponent', function(req, res) {
    res.render('home.jade');
  });
}