Question

我有一个应用程序，我可以点击列表项，并对它们采取行动。点击事件会弹出一个对话框，询问用户是否确定是否要采取措施。单击“确定”后，模式应显示旋转齿轮图标，并在完成所有操作后消失。

如果我在浏览器中尝试它，它会完美无缺，但我的iPhone或Android上的PhoneGap模拟器没有显示它。

我的index.html文件中有以下模式：

<ons-modal var="modal_update">
    <ons-icon size="35px" spin="true" icon="ion-load-d"></ons-icon>
    <br><br>
    Please wait
    <br>Updating data on the server...
</ons-modal>

我有一个点击事件，它会打开一个温度对话框，其中包含OK和CANCEL作为可能的答案。如果用户单击“确定”，则模式应该显示，并且应该在完成所有操作时隐藏。列表项旁边还有一个图标，它应该变成一个旋转的齿轮......

所以我有以下代码：

$scope.confirm = function(item, id) {
    ons.notification.confirm({
        title:"",
        message: "Do you want to set this task to completed?",
        callback: function(idx) {
            switch(idx) {
                case 0: //if they hit CANEL
                    break;
                case 1: //if they hit OK
                    modal_update.show();
                    //PROCESSING DATA
                    //do things with the data
                    //Change icon to rotating gear 
                    //$scope.apply - i tried with and without this, nothing helped.
                    modal.hide();
                    break;
             }
         }
     });
 }

模态.show（）＆amp; .hide（）正在其他地方工作，例如＆＃34;拉下来刷新＆＃34;。

Answer 1

我看到的唯一问题是您没有使用2来访问模式而您使用的是<bean id="scheduledExecutorTask" class="org.springframework.scheduling.concurrent.ScheduledExecutorTask">  <property name="delay"> <value>10</value> </property>  <property name="period"> <value>1000</value> </property> <property name="runnable"> <ref bean="checkInvokingTask"/> </property> </bean>而不是$scope：

modal.hide()

它在这个Codepen中工作（我只是添加了一个超时来查看模态）：http://codepen.io/frankdiox/pen/KdzwGR

希望它有所帮助！

触发事件时PhoneGap和OnsenUI模式不显示

1 个答案: