Angular 如何根据一个 class 的定义和数据,动态创建一个该类的实例

简介: Angular 如何根据一个 class 的定义和数据,动态创建一个该类的实例

可以从 SAP 电商云 Spartacus UI 的实现中找到一个例子。

image.png下图这段代码,createFrom 方法的输入参数 ModuleInitializedEvent,是我们在另一个 TypeScript 文件里定义的一个 class,而 feature 和 moduleRef,是实例数据:

image.pngimage.pngimage.png例如 ModuleInitializedEvent 的字段 feature 和 moduleRef,在我们传入 createFrom 函数的实例数据里是一一对应的。


相关文章
|
1月前
|
JavaScript 小程序 API
技术经验分享:Angular动态创建组件之Portals
技术经验分享:Angular动态创建组件之Portals
|
2月前
|
API 开发者
Angular Component class ɵfac 的属性介绍
Angular Component class ɵfac 的属性介绍
|
9月前
|
JavaScript 数据安全/隐私保护 开发者
Angular Component Class 成员属性默认的访问权限控制
Angular Component Class 成员属性默认的访问权限控制
|
2月前
快速创建Angular组件并定义传参、绑定自定义事件的方法
快速创建Angular组件并定义传参、绑定自定义事件的方法
|
9月前
|
存储 缓存
Angular Component Class 里的成员什么时候应该用 readonly 修饰
Angular Component Class 里的成员什么时候应该用 readonly 修饰
|
10月前
|
JavaScript 调度
Angular Ngrx Store 工具库里 Action 定义指南
Angular Ngrx Store 工具库里 Action 定义指南
|
JavaScript API 开发者
为依赖Angular.js的上古项目给VSCode编写$scope定义跳转扩展插件
虽然Angular.js停止更新已经一年了,但依赖它的上古时代的项目并不少。由于都是使用js开发,很难为其提供很好的维护,所以直到今天开发维护也并不愉快。可以说没有开发插件的支持,再成熟老练的框架都发挥困难。
136 0
为依赖Angular.js的上古项目给VSCode编写$scope定义跳转扩展插件
angular14-控制器的定义
angular14-控制器的定义
93 0
angular14-控制器的定义
angular定义数组的三种方式
angular定义数组的三种方式
486 0
|
存储 JavaScript 前端开发
Angular数据状态管理框架:NgRx/Store
ngrx/store 是基于RxJS的状态管理库,其灵感来源于Redux。在NgRx中,状态是由一个包含action和reducer的函数的映射组成的。Reducer函数经由action的分发以及当前或初始的状态而被调用,最后由reducer返回一个不可变的状态。
549 0
Angular数据状态管理框架:NgRx/Store