angular/ionic 有条件地为 <ion-tab> 添加属性

Question

我想使用angularjs,

有条件地添加滑动功能

我在控制器中有 'customerview' 和 'kycview' 范围变量。

$scope.customerview = 'customerview';
$scope.kycview = 'kycview';

我想remove/hide“向右滑动”和“向左滑动”，如果视图是 'kycview'

enable和disable的条件语句怎么写？

模板

  <ion-tabs class="tabs-striped tabs-positive">
        <ion-tab id="personalDetails" title="Personal" href="#/newcustomer/PersonalDetails" class="{{persDetailsComplete}}">
            <ion-nav-view name="newcustomer-PersonalDetails"></ion-nav-view>
        </ion-tab>
        <ion-tab id="familyDetails" title="Family &amp; Housing" href="#/newcustomer/FamilyDetails" class="{{familyDetailsComplete}}" disabled="customerState != 'customerview'" on-swipe-right="goBack()" on-swipe-left="goForward()">
            <ion-nav-view name="newcustomer-FamilyDetails"></ion-nav-view>
        </ion-tab>
        <ion-tab id="idproof" title="ID Proof" href="#/newcustomer/Idproof"  class="{{idProofComplete}}" disabled="customerState != 'customerview'">
            <ion-nav-view name="newcustomer-Idproof"></ion-nav-view>
        </ion-tab>              
        <ion-tab title="Address" href="#/newcustomer/Address" ng-click="getNewAddress(3);" ng-controller="CustomerController"  class="{{addressComplete}}" disabled="customerState != 'customerview'">
            <ion-nav-view name="newcustomer-Address"></ion-nav-view>
        </ion-tab>       
        <ion-tab title="Employment" href="#/newcustomer/EmploymentDetails" class="{{employeementComplete}}" disabled="customerState != 'customerview'">
            <ion-nav-view name="newcustomer-EmploymentDetails"></ion-nav-view>
        </ion-tab>
        .................
        .................


    </ion-tabs>

Answer 1

我假设范围变量为

$scope.view = "customerview" 
or
$scope.view = "kycview";

ion-tab id="familyDetails" title="Family & Housing" href="#/newcustomer/FamilyDetails" class="{{familyDetailsComplete}}" on-swipe-right="goBack()" on-swipe-left="goForward()" ng-if="view=='customerview'">

ion-tab id="familyDetails" title="Family & Housing" href="#/newcustomer/FamilyDetails" class="{{familyDetailsComplete}}" ng-if="view=='kycview'">

Answer 2

<ion-tab id="familyDetails" title="Family &amp; Housing" href="#/newcustomer/FamilyDetails" class="{{familyDetailsComplete}}" on-swipe-right="goBack()"  on-swipe-left="goForward()" ng-if="view=='kycview' &&customerview=='kycview'" >

<ion-tab id="familyDetails" title="Family &amp; Housing" href="#/newcustomer/FamilyDetails" class="{{familyDetailsComplete}}" on-swipe-right="goBack()" on-swipe-left="goForward()">

angular/ionic 有条件地为 <ion-tab> 添加属性

angular/ionic add attributes conditionally for <ion-tab>

angularjs

ionic

模板