当我选择了选项时,离子弹出关闭

时间:2015-01-30 06:15:25

标签: angularjs popup ionic-framework ionic

我很早就离开了Ionic。

我创建了popup ionic,它的工作原理。但是我遇到了一些问题,我希望当我做出选择后(使用输入广播),弹出窗口会关闭并更改类标签。

这是我的代码app.js用于弹出窗口:

.controller('PlaylistsCtrl',function($scope, $ionicPopup, $timeout) {

 // Triggered on a button click, or some other target
 $scope.showPopup = function() {
 $scope.data = {}

 // An elaborate, custom popup
 var myPopup = $ionicPopup.show({
 templateUrl: 'templates/Popuptes.html',
 scope: $scope,  
 });

 myPopup.then(function(res) {
 console.log('Tapped!', res);
 });

 $timeout(function() {
   myPopup.close(); //close the popup after 10 seconds for some reason
 }, 6000);

 };

});

这是我的Popuptes.html:

<div id="popup"> 

<input type="text">
<br>
<input type="radio" name="tags" value="food" ng-model="data.tags">Food
<br>
<input type="radio" name="tags" value="drink" ng-model="data.tags">Drink
<br>
<a href="#">Show all..</a>


</div>

任何人都可以帮助我吗? 提前致谢,问候:)

2 个答案:

答案 0 :(得分:3)

您可以使用&#39; myPopup.close();&#39;在做出选择后关闭弹出窗口。 (即在JQuery中监听无线电选择事件),并继续更改类。

确保删除自动关闭。

$timeout(function() {
myPopup.close(); //close the popup after 6 seconds for some reason
}, 6000);
//remove this.

答案 1 :(得分:0)

<input type="radio" name="tags" value="food" ng-model="data.tags">Food 如果你问为什么它没有变化,给ng-model="data.value"它将被赋予新值。所以我会被反射回来。