Angularjs 按钮栏按钮'；中国的活跃状态正在消失_Angularjs_Angularjs Scope_Ionic Framework

Angularjs 按钮栏按钮'；中国的活跃状态正在消失

angularjs ionic-framework

Angularjs 按钮栏按钮'；中国的活跃状态正在消失,angularjs,angularjs-scope,ionic-framework,Angularjs,Angularjs Scope,Ionic Framework,按钮栏按钮的活动状态正在消失。当我们点击它时，“活动”类被立即分配和移除。它应该保持活跃 html页面 <html ng-app="myApp"> <head> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width,initial-scale=1, maximum-scale=1, user-scalable=no, width=devic

按钮栏按钮的活动状态正在消失。当我们点击它时，“活动”类被立即分配和移除。它应该保持活跃

html页面

<html ng-app="myApp">
  <head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width,initial-scale=1, maximum-scale=1, user-scalable=no, width=device-width" />
    <title>Filter with Button Bar</title>
    <script data-require="angular.js@*" data-semver="1.2.15" src="http://code.angularjs.org/1.2.15/angular.js"></script>
    <link href="http://code.ionicframework.com/0.9.27/css/ionic.min.css" rel="stylesheet" />
    <script src="http://code.ionicframework.com/0.9.27/js/ionic.bundle.min.js"></script>
     <script src="script.js"></script>
  </head>

  <body ng-controller="myCtrl">
    <div class="bar bar-header bar-light">
      <h1 class="title">Filter with Buttons</h1>
    </div>
    <div class="bar bar-subheader">
      <div class="button-bar">
        <a class="button {{(type == 'Cats') &&  'active' || ''}}" ng-click="setType($event)">Cats</a>
        <a class="button {{(type == 'Dogs') &&  'active' || ''}}" ng-click="setType($event)">Dogs</a>
        <a class="button {{(type == 'Birds') &&  'active' || ''}}" ng-click="setType($event)">Birds</a>
      </div>
    </div>

  </body>

</html>

Plunkr link（）

它在最新的每夜构建的爱奥尼亚框架中得到了修复。问题普朗克

angular.module('myApp',['ionic'])
.controller('myCtrl',['$scope',function($scope){
  $scope.type = 'Cats';
  $scope.setType = function(event){
    $scope.type = angular.element(event.target).text();
    console.log($scope.type);
  };
}]);