2017-09-25 13 views
0

玉テンプレートエンジンを使用して角度アプリケーションでノードjを作成しました。私は角の要素に玉のテンプレートにアクセスしようとしていますが、文字列のようにレンダリングしています。角度成分玉がhtml要素に変換されていません

角度の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コンポーネントにロードしますが、何らかの理由でボタンの代わりに文字列としてレンダリングされます。

答えて

0

あなたは別のファイル.IN htmljadeをレンダリングする必要があります

module.exports = function(app){ 
    app.get('/yourTemplateURLInComponent', function(req, res) { 
    res.render('home.jade'); 
    }); 
} 
関連する問題