Angular 组件 Jade 未转换为 html 元素

Question

我已经使用 Jade 模板引擎创建了带有角度应用程序的节点 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。在单独的文件中

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