使用 ionic 动态添加组件

Posted

技术标签:

【中文标题】使用 ionic 动态添加组件【英文标题】:Add component dynamically with ionic 【发布时间】:2016-09-26 01:04:32 【问题描述】:

我想知道有没有办法动态添加组件,因为我想做的是: 当我点击我的按钮时,它会触发一个函数,在我的 html 中添加一个具有这些属性的新选择器:

 <select ng-change="test(selectedId)" ng-model="selectedId" ng-options="id.id as id.pseudo for id in idList"> </select>

和按钮:

<button ng-click="addSelector()">add selector</button>

【问题讨论】:

【参考方案1】:

你的控制器中的代码应该像这样定义一个点击处理程序:

   $scope.idList = ['first element', 'second element'];
   $scope.addSelector = function()
     $scope.idList.push('new element');
   

【讨论】:

以上是关于使用 ionic 动态添加组件的主要内容,如果未能解决你的问题,请参考以下文章

离子/角度动态组件导入

IONIC 4 - 如何在 HTML 中动态添加点击事件

ionic 4 如何动态添加 svg 图标 - title: 'About', url: '/about' , icon:'person'

使用内联 CSS 为组件设计样式 - Ionic2、AngularJS

使用JavaScript动态的添加组件

如何在使用 *ngFor 创建的 ionic 3 组件中为 css 类变量动态赋值