我正在尝试在 $ionicLoading(template) 中制作一个可点击的按钮。如果单击该按钮,我想运行一些代码。不幸的是,ng-click 似乎不起作用。有什么解决方法吗?或者我在做一个致命的假设。 PS:我是angular和ionic的新手
$ionicLoading.show({
template: '<ion-spinner></ion-spinner><br /><br /><p>Syncronising...</p>'
});
//stopSync function never fires
$scope.stopSync = function(){
$ionicLoading.hide();
}
//Shows the 'stop Sync' Button after two seconds
//for the user to fire the stopSync function
$timeout(function() {
$ionicLoading.show({
template: '<ion-spinner></ion-spinner><br /><br /><p>Syncronising...</p><button class="button button-clear" ng-click="stopSync()">Stop Sync</button>'
});
}, 2000);
最佳答案
感谢 http://atomx.io/2015/01/ionic-closing-ionicloading-if-your-app-loses-network-connectivity/,我解决了这个问题
我必须添加一个 scope: $scope
作为参数的一部分
$ionicLoading.show({
template: '<ion-spinner></ion-spinner><br /><br /><p>Syncronising...</p>'
});
$timeout(function() {
//$ionicLoading.hide();
$ionicLoading.show({
template: '<ion-spinner></ion-spinner><br /><br /><p>Syncronising...</p><button class="button button-clear" ng-click="stopSync()">Stop Sync</button>',
scope: $scope
});
}, 2000);
$scope.stopSync = function(){
$ionicLoading.hide();
};
关于javascript - $ionicLoading 中的可点击内容,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/31599718/