1
각도 재질에 Md-select를 사용하여 선택한 모든 값을 표시하는 대신 선택된 확인란의 수를 표시하는 방법이 있습니까? 예를 들어, 나는 4 가지 옵션 인 페퍼로니, 치즈, 소시지 및 채소를 가지고 있으며 그 중 3 가지를 선택합니다. 전체 선택을 쓰는 대신 "3 Selected"를 어떻게 표시합니까?각진 재질 md-select 수량 선택
각도 재질에 Md-select를 사용하여 선택한 모든 값을 표시하는 대신 선택된 확인란의 수를 표시하는 방법이 있습니까? 예를 들어, 나는 4 가지 옵션 인 페퍼로니, 치즈, 소시지 및 채소를 가지고 있으며 그 중 3 가지를 선택합니다. 전체 선택을 쓰는 대신 "3 Selected"를 어떻게 표시합니까?각진 재질 md-select 수량 선택
이 같은 것을 의미합니까? - CodePen
마크 업
<div ng-controller="SelectOptGroupController as vm" class="md-padding" ng-cloak="" ng-app="MyApp">
<div>
<h1 class="md-title">Pick your pizza toppings</h1>
<md-input-container md-no-float>
<label>Toppings</label>
<md-select ng-model="vm.selectedToppings" multiple="" md-selected-text="vm.text" md-offset="0 30">
<md-option ng-value="topping.name" ng-repeat="topping in vm.toppings">{{topping.name}}</md-option>
</md-select>
</md-input-container>
</div>
</div>
JS
angular.module('MyApp',['ngMaterial'])
.controller('SelectOptGroupController', function($scope) {
var vm = this;
vm.toppings = [
{ name: 'Pepperoni' },
{ name: 'Cheese' },
{ name: 'Sausage' },
{ name: 'Veggies' }
];
vm.selectedToppings = [];
$scope.$watch("vm.selectedToppings", function() {
vm.text = vm.selectedToppings.length + " Toppings selected";
})
});
예! 한 번 완성 된 디스플레이가 장소 홀더 섹션에서 3 개의 토핑을 선택했습니다. 나는 당신의 예에서 여전히 입력 된 모든 주문을 나열합니다. 고맙습니다. 시도해 보겠습니다. – Flash
@Flash 업데이트 된 CodePen을보고 입력 된 내용을 숨기려면 답하십시오. –
Thannks, 토핑이 표시되는 곳에서는 가질 수 없습니까? – Flash