我想使用
angularjs有条件地添加滑动功能,
我在控制器中有’customerview’和’kycview’范围变量.
$scope.customerview = 'customerview'; $scope.kycview = 'kycview';
我想删除/隐藏’on-swipe-right’和’on-swipe-left’,如果视图是’kycview’
如何为启用和禁用写条件语句?
模板
<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 & 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>
解决方法
<ion-tab id="familyDetails" title="Family & 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 & Housing" href="#/newcustomer/FamilyDetails" class="{{familyDetailsComplete}}" on-swipe-right="goBack()" on-swipe-left="goForward()">
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。