使用Angular 1.5;
我正在转向webpack,并且在使用ng-include处理模板文件时遇到了一些麻烦。
我偶然发现了这个: https://kamranicus.com/posts/2017-11-17-dynamic-angularjs-components
其中每个模板使用一个组件并动态加载每个组件。
我定义了一些组件:
angular.module('myapp')
.component('fieldOne', require('./field.one')
.component('fieldTwo', require('./field.two');
// field.one.js
module.exports = {
template: require('./one.html')
};
// field.two.js
module.exports = {
template: require('./two.html')
};
然后我尝试动态添加这些组件:
// comps = ['one', 'two']
<div ng-repeat="comp in comps">
<ng-include src="{{comp}}"></ng-include>
</div>
这在Angular 1.5中是否可行?这是在1.5?
中动态插入组件的正确方法没有任何运气,我们将非常感谢任何帮助。