Angularjs   发布时间:2022-04-20  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了angularjs – ng-click在离子标题按钮中不起作用大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
我试图在标题栏的右侧添加一个按钮,按钮显示,但ng-click不会被触发,如果我在离子内容中移动按钮,它开始工作,只是不在标题中工作.

HTML

<ion-view>
    <ion-nav-bar class="bar-stable nav-title-slide-ios7" >
      <ion-nav-BACk-button class="button-icon icon  ion-ios7-arrow-BACk">
      </ion-nav-BACk-button>
    </ion-nav-bar>
    <ion-header-bar>
        <h1 class="title">Trips</h1>
        <div class="buttons pull-right"><button class="button button-icon icon ion-plus" ng-click="createTrip()"></button></div>
    </ion-header-bar>

    <ion-content>

    </ion-content>
</ion-view>

JS:

.controller('TripCtrl',function($scope,$LOCATIOn,$localStoragE){
    console.log('inside TripCtrl');

    $scope.$storage = $localStorage;

    var random1 = {
        name : 'random name 1',text : 'random text 1'
    }

    var random2 = {
        name : 'random name 2',text : 'random text 2'
    }

    $scope.trips = [];
    $scope.trips.push(random1);
    $scope.trips.push(random2);


    $scope.createTrip = function(){
        console.log('clicked create new');
        $LOCATIOn.path('/createTrip');
    }
})
请确保在app的根控制器中定义了createTrip,并且还注意,认情况下,ion-header-bar不会侦听click事件.如果你想在ion-header-bar中绑定click事件,你必须将目标元素包装在ion-header-bar的button块中.
<ion-header-bar align-title="left" class="bar-positive">
  <div class="buttons">
    <button class="button" ng-click="doSomething()">Left Button</button>
  </div>
  <h1 class="title">title!</h1>
  <div class="buttons">
    <button class="button">Right Button</button>
  </div>
</ion-header-bar>

http://ionicframework.com/docs/api/directive/ionHeaderBar/

大佬总结

以上是大佬教程为你收集整理的angularjs – ng-click在离子标题按钮中不起作用全部内容,希望文章能够帮你解决angularjs – ng-click在离子标题按钮中不起作用所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。