Javascript 根据某些变量调用3个弹出窗口中的一个
我的Ionic应用程序中有3个弹出窗口Javascript 根据某些变量调用3个弹出窗口中的一个,javascript,angularjs,popup,ionic-framework,ionic,Javascript,Angularjs,Popup,Ionic Framework,Ionic,我的Ionic应用程序中有3个弹出窗口 angular.module('starter') .controller('PopupCtrl', function($scope, $ionicPopup, $timeout) { $scope.showAlert1 = function() { var alertPopup = $ionicPopup.alert({ title: 'Succes!', }); }; $scope.s
angular.module('starter')
.controller('PopupCtrl', function($scope, $ionicPopup, $timeout) {
$scope.showAlert1 = function() {
var alertPopup = $ionicPopup.alert({
title: 'Succes!',
});
};
$scope.showAlert2 = function() {
var alertPopup = $ionicPopup.alert({
title: 'Fail...',
});
};
$scope.showAlert3 = function() {
var alertPopup = $ionicPopup.alert({
title: 'Third option',
});
};
});
我想把它们分配给一个按钮。单击按钮并单击时
var x=1
我想打电话给showAlert1
var x=2
我想打电话给showAlert2
var x=3
我想打电话给showAlert3
可能吗
编辑:
My index.html结构:
<body ng-app="starter" ng-controller="PopupCtrl">
<ion-nav-bar class="bar-positive" align-title="center">
</ion-nav-bar>
<ion-nav-view class="slide-left-right"></ion-nav-view>
<script id="list.html" type="text/ng-template">
<ion-view title="MyApp">
<ion-nav-buttons side="right">
<button class="button button-icon icon ion-android-locate" ng-click="showAlert()" onclick="writeText()"></button>
</ion-nav-buttons>
<ion-content>
<ul class="list">
<!--some list-->
</ul>
</ion-content>
</ion-view>
<!--some subpages templates-->
</body>
除了标题(或模板,如果您使用该选项),您的所有警报都是相同的,因此不要在单独的函数中调用$ionicPopup.alert()调用,只需创建一个函数来调用它,并像这样对标题和模板设置条件
$scope.showAlert = function() {
var myTitle = "";
if(x==1){
title = "Succes!";
} else if(x==2){
title = "Fail!";
} else { title = "third option"; }
var alertPopup = $ionicPopup.alert({
title: myTitle
});
};
请分享你的模板。这会把事情弄清楚的。我已经编辑了一篇文章。足够了吗?
var x
的值在哪里更改?还有,onclick=“writeText()”
的作用是什么,另外不要同时使用ng click和onclick,如果您想用一次单击调用两个函数,只需执行以下操作:ng click=“showart();writeText();”。