칩을 클릭하여 MD 칩 삭제

Question

난 angularJS입니다. 나는 드롭 다운 선택을 기반으로 칩을 만들기 위해 MD 칩을 사용하고있다. 모바일보기의 경우 사용자가 칩의 작은 'X'를 클릭하는 대신 칩을 클릭하여 MD 칩을 삭제하고 싶습니다. 내가 읽기 전용으로 만들면 나는 칩을 지울 수 없다. 어떤 아이디어라도 감사합니다. 감사.

HTML :

  <div ng-repeat="filter in sc.filters"> 
       <md-chips ng-model="filter.value" ng-if="sc.isArray(filter.value)" md-on-remove="sc.filter()"> 
        </md-chips> 
      </div> 

Answer 1

당신이 사용할 수있는 $chip가 클릭 된 NG 모드 배열의 요소를 포함 md-on-select="ctrl.remove($chip)" 콜백. 그런 다음 제거 함수에서 해당 요소를 배열에서 제거 할 수 있습니다.

$scope.remove = function($chip) { 
    var idx = self.fruitNames.indexOf($chip) 
    $scope.filters.splice(idx, 1) 
} 

작업 바이올린은 여기에서 찾을 수 있습니다 : 귀하의 예에 따라 다음과 같이 싶습니다 jsFiddle