如何在Angular 2中使用templateUrl指令

如何將html模板添加到指令中？下面是一個不起作用的示例代碼：如何在Angular 2中使用templateUrl指令

import @ Directive} from'@ angular/core';

@Directive（{
選擇： '[主面的巴]'，
templateUrl： '主面的一個bar.html'}）

出口類MasterSideBar {

構造（）{
console.log('Hello MasterSideBar Directive'); 
}

}

我得到以下錯誤：

類型{選擇的」參數：字符串; templateUrl：string; }'不是可分配給'Directive'類型的參數。對象字面量可能只有指定已知屬性，並且'指令'中不存在'templateUrl'。

來源

2017-05-27 max

從您的代碼中，您需要使用組件而不是指令。

組件是唯一接受模板爲HTML的指令。

請檢查Types of directives

希望它可以幫助！

來源

2017-05-27 17:10:06

感謝您指出組件。我改變了使用組件，它的工作。 – max

根據Angular文檔，有兩種類型的指令：屬性和結構。他們都不支持模板。只需使用角度組件。是否有一些很好的理由需要使用指令？

來源

2017-05-27 17:11:15 tomeks

感謝您指出組件。我對Angular 2非常新穎。我改爲使用組件，它工作。 – max

如何在Angular 2中使用templateUrl指令

回答

相關問題