Angular 1.5动态组件

时间:2018-01-18 20:11:23

标签: javascript angularjs angular-components angular-template

使用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?

中动态插入组件的正确方法

没有任何运气,我们将非常感谢任何帮助。

0 个答案:

没有答案