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";
})

इनपुट पर वापस करने से पहले एक नई चिप का चयन करने के लिए देरी सेट करना (.21.1.2)

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