選擇值，然後只調用函數

Question

我將使用以前使用的jsfillde。

正如您在點擊過濾器（湯，肉等）時看到的那樣，過濾結果載入實時。我想，而不是讓用戶進行選擇和然後觸發由cliking一個「更新」按鈕的結果（以enhcance移動性能）

我相當不確定如何在JavaScript中達致這，我非常新。我使用離子，下面是HTML片段來調用過濾功能。

<ion-item ng-repeat="dish in dishList | selectedDishType:selection "> 
     <article class="item_frame"> 
       <h1 class="item_name_english">{{dish.nameEnglish}}</h1> 

       <h2 class="item_name_local_language">{{dish.nameLocal}}</h2> 

      <p class="item_description ">{{dish.description}}</p> 
     </article> 
     <!--main article frame 1 --> 
    </ion-item> 

Answer 1

添加一個按鈕：

<div class="listing_venue_types_filter_page"> 
     <div class="input_dishtype_selection " data-ng-repeat="dishType in dishTypeList" ng-class="{'filter_selected':selection.indexOf($index) != -1}" ng-click="toggle($index)">{{dishType.name}}</div> 
    </div> 
    <button class="button" ng-click="updateDisplay()">Update</button> 

，並在控制器： 信號發送的動作移動到一個新的作用域功能

$scope.updateDisplay = function() { 
    //calling an event to any listener with the latest selection data. 
     $rootScope.$emit('dishType.selectionChanged', $scope.dishTypeList.filter(function (dType, idx) { 
      return $scope.selection.indexOf(idx) != -1; 
     }).map(function (dType) { 
      return dType.name.toLowerCase(); 
     })); 
     //calling an event to any listener with the latest selection data. 
    };