angular-material
MD 칩

정적 칩

이 예제는 <md-chips> 과 <md-chip> 합니다.

참고 : 정적 칩은 선택, 제거 또는 편집 할 수 없으며 어떤 모델에도 속하지 않습니다. ng-model 이 제공되지 않으면 <md-chips> 에 입력 요소가 없습니다.

index.html :

<md-content ng-controller="ChipController">
<md-chips>
    <md-chip>Test</md-chip>
    <md-chip>Another chip</md-chip>
    <md-chip>{{chip}}</md-chip>
</md-chips>

app.js :

var app = angular.module('SomeApp', [/* Your dependencies here */ 'ngMaterial'])
app.controller('ChipController', function($scope) {
    $scope.chip = "$scope";
})

입력에 다시 집중하기 전에 새 칩을 선택하도록 지연 설정 (≥1.1.2)

<md-chips md-chip-append-delay="500" ng-model="chipsModel" placeholder="Chips"></md-chips>