【问题标题】:ionic modal scope not working using $ionicModal.fromTemplateUrl()离子模态范围不使用 $ionicModal.fromTemplateUrl()
【发布时间】:2015-09-30 12:43:09
【问题描述】:

我正在尝试在登录应用程序后打开一个离子模式。模态与数据一起打开良好。问题是当我将 ng-click 事件附加到 OK 或 CANCEL 按钮时,它不起作用。没有调用该函数。可能范围有问题。我不知道为什么..

This is the controller
$scope.dummyData = NetworkDisplay.getHospitals();
        console.log($scope.dummyData.inviteToNetwork);
        if ($scope.dummyData.inviteToNetwork) {
          $ionicModal.fromTemplateUrl('templates/network/modal.html', {
            scope: $scope,
            animation: 'slide-in-up'
          }).then(function(modal) {
              $scope.modal = modal;
              $scope.modal.show();
              console.log($scope.dummyData);
              $scope.ok = function(data) {
                for (var i = 0; i < data.length; i++) {
                  if (data[i].checked === true)
                    HospitalsNetwork.set(data[i]);
                  //  console.log(data[i].checked);
                }

                $scope.modal.remove();
                $state.go('tab.networks');
              };

              $scope.cancel = function() {
                $scope.modal.remove();
                $state.go('tab.dashboard');
              };
This is my modal.html
<ion-view>
  <ion-content>
    <div class="card">
      <p class="padding">Do you like the following hospitals to be added to your network?</p>
      <!--<ul class="list">
        <li class="item item-checkbox" ng-repeat="hospital in dummyData.inviteToNetwork">
          <label class="checkbox">
            <input type="checkbox">
          </label>
          Flux Capacitor
        </li>
      </ul>-->
      <div class="list">
        <ion-checkbox ng-repeat="hospital in dummyData.inviteToNetwork" ng-model="hospital.checked">
          {{hospital.name}}
        </ion-checkbox>
      </div>
      <!-- <div class="modal-footer"> -->
      <button type="button" ng-click="ok(dummyData.inviteToNetwork)">OK</button>
      <button type="button" ng-click="cancel()">Cancel</button>
      <!-- </div> -->
    </div>
  </ion-content>
</ion-view>

【问题讨论】:

  • 你有没有想过这个问题?
  • 没有。到目前为止,我还没有找到任何解决方案。你能得到任何线索吗?请分享给我。

标签: angularjs ionic-framework


【解决方案1】:

我陷入了同样的困境,最后发现它不适用于 Ionic 应用程序,但它可以用于 IOS 模拟器。 因此,在 Ionic 团队解决此问题之前,您最终无法在 Ionic 应用程序上测试 Ionic 模态。

【讨论】:

  • 这个问题你是怎么想出来的,如果你能给出一些线索或解决方案,那就更好了
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2017-02-12
相关资源
最近更新 更多