在HTML中纯粹地声明Angular指令?

16 浏览
0 Comments

在HTML中纯粹地声明Angular指令?

当我想要重用一些HTML代码时,我必须在另一个文件中编写一些JavaScript样板代码来创建一个指令,这真的很恼人。我真的希望在同一个HTML文件中使用标记语言来创建一个指令。

然后我有了一个想法:我可以创建一个特殊的指令(下面的),从HTML中声明一个指令。

例如:

这将转换为类似下面的JavaScript代码:

module.direcrtive('icon', {

restrict: 'E',

scope = {which: '@which'},

template = '',

});

我可以这样调用它:

我的问题是,Angular中是否已经存在类似这样的功能?

(我知道这只是在重新发明其他模板框架,但我必须使用Angular。)

0
0 Comments

问题的原因是作者想要在Angular中声明纯粹的HTML指令,而不是编写JavaScript代码,并且找到一个存储模板的位置。解决方法是使用ng-include指令,但作者不确定该方法是否支持参数和模板位置。然后,作者提到ng-include无法创建独立作用域,所以任何参数传递都会污染当前作用域,这是不好的。作者认为目前没有现成的解决方案,决定自己实现该功能。

0