如何将 Html 代码动态添加到 ion-content？答案

【问题标题】：How to add Html code dynamically to ion-content?如何将 Html 代码动态添加到 ion-content？
【发布时间】：2016-08-26 22:24:15
【问题描述】：

我正在使用 ionic 跨平台，我想在 ion-content 中动态添加一个 html 代码，谢谢。

【问题讨论】：

标签： javascript angularjs ionic

【解决方案1】：

<ion-view view-title="Admin-DashBoard">
<ion-nav-bar class="bar bar-header header-all">
    <ion-nav-buttons side="left">
    </ion-nav-buttons>
</ion-nav-bar>
<ion-content>
        <div class="some css">
            <div class="some css" ng-include="newPage.url"> </div>
        </div>
    </div>
</ion-content>

$scope.ratingView = [{
            name: 'templates/zzz/zzzz-ratings.html',
            url: 'templates/zzz/zzzz-ratings.html'
        }];
        $scope.newPage = $scope.ratingView[0];

上面显示的代码，您创建动态添加 html 页面，如果您想从控制器端添加 html，只需使用 javaScript 创建控制器端模板。

【讨论】：

【解决方案2】：

看一下ng-bind-html，一定要包含安全的html

【讨论】：