Question

<ion-list>
    <ion-item>
        <div id="result_1" class="result">
            <p class="title" ng-repeat="item in result | filter: query">
                <span class="ic"><b>{{item.name}}</b></span>
                <a href="#" class="ic1">Click for details...</a>
            </p>
            <div class="clear"></div>
        </div>
     </ion-item>
</ion-list>

这是我的第一个Ionic项目的一部分，我在这个框架和AngularJs中是新的，所以我有一个控制器在json文件中搜索数据。

我需要在用户点击

时打开一个模态

<a href="#" class="ic1">Click for details...</a>

但是当我搜索它时，我发现我需要另一个控制器来创建一个模态。

我的整个页面中已经有一个控制器，如何在该特定线路上添加另一个控制器？或者你知道如何在不使用其他控制器的情况下创建模态吗？

Answer 1

<ion-item>
  <div id="result_1" class="result">
      <p class="title" ng-repeat="item in result | filter: query">
          <span class="ic"><b>{{item.name}}</b></span>
          <br>
          <br>
          <span ng-click="popUp()" class="ic1">Click for details...</span>
      </p>
      <div class="clear"></div>
  </div>
</ion-item>

脚本：

使用$ ionicPopup

$scope.popUp = function() {
    var alertPopup = $ionicPopup.alert({
        title: 'More Details...',
        template: 'decription', // templateUrl:'myModalContent.html'
        buttons: [{
            text: '<b>OK</b>',
            type: 'button-assertive'
        }]
    });
 };

点击Details

的此链接

使用Ui bootstrap

$scope.popUp = function() {

var modalInstance = $uibModal.open({
    templateUrl: 'myModalContent.html'
    resolve: {
        data: function() {
            return $scope.data;
        }
    }
});

}

您可以通过许多选项。您也可以为弹出窗口提供一个控制器。点击ui.bootstrap.modal

的此链接

如何在已经有控制器的div中打开一个模态（AngularJs）

1 个答案: