如何在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指令

回答

相关问题