Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/434.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何从“离子”选项卡打开离子模式_Javascript_Angularjs_Ionic Framework - Fatal编程技术网

Javascript 如何从“离子”选项卡打开离子模式

Javascript 如何从“离子”选项卡打开离子模式,javascript,angularjs,ionic-framework,Javascript,Angularjs,Ionic Framework,我有一个用例,我想通过点击离子标签打开离子模式 我们的应用程序有4个固定的离子标签。其中一个选项卡当前指向注释表单,但它更适合作为模式(因此用户可以快速完成表单并返回到他们正在做的事情) 情态动词通常附加在按钮上。我尝试使用选项卡上的ng单击打开模式,与此类似,但运气不佳 是否可以使用离子选项卡打开离子模式?您可以在选项卡中添加一个“假”选项卡: <ion-tabs class="tabs-royal tabs-striped"> <ion-tab title="A"

我有一个用例,我想通过点击离子标签打开离子模式

我们的应用程序有4个固定的
离子标签
。其中一个选项卡当前指向注释表单,但它更适合作为模式(因此用户可以快速完成表单并返回到他们正在做的事情)

情态动词通常附加在按钮上。我尝试使用选项卡上的
ng单击打开模式,与此类似,但运气不佳

是否可以使用
离子选项卡
打开
离子模式

您可以在选项卡中添加一个“假”选项卡:

<ion-tabs class="tabs-royal tabs-striped">
    <ion-tab title="A" href="#/tab/a">
        <ion-nav-view name="a-tab"></ion-nav-view>
    </ion-tab>
    <ion-tab title="B" href="#/tab/b">
        <ion-nav-view name="b-tab"></ion-nav-view>
    </ion-tab>
    <ion-tab title="C" href="#/tab/c">
        <ion-nav-view name="c-tab"></ion-nav-view>
    </ion-tab>
    <ion-tab title="D" ng-click="openMyModal()">
    </ion-tab>    
</ion-tabs>
这将是控制器选项卡controller:

.controller('TabsController', function($scope, $ionicModal){

  $scope.modal = null;

  $ionicModal.fromTemplateUrl('my-modal.html', {
      scope: $scope,
      animation: 'slide-in-up'
    }).then(function(modal) {
      $scope.modal = modal;
    });

  $scope.openMyModal = function()
  {
    $scope.modal.show();
  };

  $scope.closeModal = function() {
    $scope.modal.hide();
  }; 

}) 

如果您想看到它的实际应用,请检查此项。

我不理解您的问题。您同意在打开新选项卡时启动新控制器吗?如果是的话,那么添加代码将模态直接打开到新的controllerGreat中,向选项卡添加控制器是我需要的顿悟。演示也很棒。很高兴我帮助了布雷特。我的经验是,爱奥尼亚可能会改变他们指令的行为,事情不会突然发生。我所做的不是传统的。
.state('tab', {
    url: '/tab',
    abstract: true,
    templateUrl: 'tabs.html',
    controller: 'TabsController'
})
.controller('TabsController', function($scope, $ionicModal){

  $scope.modal = null;

  $ionicModal.fromTemplateUrl('my-modal.html', {
      scope: $scope,
      animation: 'slide-in-up'
    }).then(function(modal) {
      $scope.modal = modal;
    });

  $scope.openMyModal = function()
  {
    $scope.modal.show();
  };

  $scope.closeModal = function() {
    $scope.modal.hide();
  }; 

})