到目前为止我做了
我是离子新手并在离子 3 中构建了一个 List 组件,它从 server..and 传递到列表模板中获取 JSON 数据,因此无论我在哪里指定列表选择器,它都会在页面上显示列表布局。
需求
我需要在我的应用程序中显示不同的列表布局**[1]** same/different pages..how 我可以制作组件,从服务器获取数据后传递到动态模板以创建所需列表 layout.is 有一种方法来传递组件中的动态模板吗?
Angular 允许模板本身是动态的。因此,“传递”模板与仅为每个需求创建新组件并基于某些条件使用每个组件是相同的。
如果我理解正确的话。您正在获取一些服务器端数据,并根据该数据包含的内容,您可能需要在列表中使用其他组件**[1]**?
如果这是真的,你有几个选择。
找出不同列表类型的所有不同条件。如果您有两个或更多不同的列表类型,只需为每个由* ngIf 切换的列表类型创建组件。
创建一个包含模板中所有条件的大型列表组件。这将是一个杂乱的方法。
组件交互由输入和输出或服务处理。 Ionic 还会向您发送可以使用的事件 api。一般来说,这是一个很好的参考:https://angular.io/guide/component-interaction
我知道,这个问题很老,但对于其他访问者来说,Angular 的官方教程是更好的开始方式,我想。
https://angular.io/guide/dynamic-form
我希望它可以帮助别人。
2 回答
Angular 允许模板本身是动态的。因此,“传递”模板与仅为每个需求创建新组件并基于某些条件使用每个组件是相同的。
如果我理解正确的话。您正在获取一些服务器端数据,并根据该数据包含的内容,您可能需要在列表中使用其他组件**[1]**?
如果这是真的,你有几个选择。
找出不同列表类型的所有不同条件。如果您有两个或更多不同的列表类型,只需为每个由* ngIf 切换的列表类型创建组件。
创建一个包含模板中所有条件的大型列表组件。这将是一个杂乱的方法。
组件交互由输入和输出或服务处理。 Ionic 还会向您发送可以使用的事件 api。一般来说,这是一个很好的参考:https://angular.io/guide/component-interaction
我知道,这个问题很老,但对于其他访问者来说,Angular 的官方教程是更好的开始方式,我想。
https://angular.io/guide/dynamic-form
我希望它可以帮助别人。