0
我有這個控制器。Angular頁面無法在長內容的ng-bind-html上滾動
angular.module('nkgen.controllers', [])
.controller('AppCtrl', function($scope, $ionicModal, $timeout) {
// With the new view caching in Ionic, Controllers are only called
// when they are recreated or on app start, instead of every page change.
// To listen for when this page is active (for example, to refresh data),
// listen for the $ionicView.enter event:
//$scope.$on('$ionicView.enter', function(e) {
//});
})
.controller('ContentController', function($scope, $stateParams, contentIndex, contentHtml) {
var contentIndexData = {};
var htmlcontent = {};
contentIndexData = {
id: $stateParams.contentId,
name: $stateParams.contentName
};
$scope.content = contentIndexData;
delete contentIndexData;
$scope.htmlcontent = {body: 'Loading...<br><br>Loading...<br><br>Loading...<br><br>Loading...<br><br>Loading...<br><br>Loading...<br><br>Loading...<br><br>Loading...<br><br>Loading...<br><br>Loading...<br><br>Loading...<br><br>Loading...<br><br>Loading...<br><br>Loading...<br><br>Loading...<br><br>Loading...<br><br>Loading...<br><br>Loading...<br><br>Loading...<br><br>Loading...<br><br>Loading...<br><br>Loading...<br><br>Loading...<br><br>Loading...<br><br>Loading...<br><br>Loading...<br><br>Loading...<br><br>Loading...<br><br>Loading...<br><br>Loading...<br><br>Loading...<br><br>Loading...<br><br>Loading...<br><br>Loading...<br><br>Loading...<br><br>Loading...<br><br>Loading...<br><br>Loading...<br><br>Loading...<br><br>Loading...<br><br>Loading...<br><br>Loading...<br><br>Loading...<br><br>Loading...<br><br>Loading...<br><br>Loading...<br><br>Loading...<br><br>Loading...<br><br>Loading...<br><br>Loading...<br><br>Loading...<br><br>Loading...<br><br>Loading...<br><br>Loading...<br><br>Loading...<br><br>Loading...<br><br>Loading...<br><br>Loading...<br><br>Loading...<br><br>Loading...<br><br>Loading...<br><br>Loading...<br><br>Loading...<br><br>Loading...<br><br>Loading...<br><br>Loading...<br><br>Loading...<br><br>Loading...<br><br>Loading...<br><br>Loading...<br><br>Loading...<br><br>Loading...<br><br>Loading...<br><br>Loading...<br><br>Loading...<br><br>Loading...<br><br>Loading...<br><br>Loading...<br><br>Loading...<br><br>Loading...<br><br>Loading...<br><br>Loading...<br><br>'};
delete htmlcontent;
})
而這是html模板。 (我目前的html模板)。
<ion-view view-title="{{content.name}}">
<ion-content ng-bind-html="htmlcontent.body | sanitize" class="page-content-container padding-horizontal">
</ion-content>
</ion-view>
如果我使用...
<ion-view view-title="{{content.name}}">
<ion-content class="page-content-container padding-horizontal">
{{htmlcontent.body | sanitize}}
</ion-content>
</ion-view>
的頁面是否正常工作。它可以滾動但不能呈現html。
- 滾動僅適用於Chrome,但不適用於其他用戶。
如果我使用我當前的html模板,它可以呈現html但不能滾動。
如何讓它在長內容上滾動並呈現html?