Angular Material - Static chips in angular material - Angular Material Tutorial



Static chips in angular material

This example uses <md-chips&grt; and <md-chip>.

NOTE: Static chips cannot be selected, removed or edited, and are not part of any model. If no ng-model is provided, there are no input elements in <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>
Clicking "Copy Code" button will copy the code into the clipboard - memory. Please paste(Ctrl+V) it in your destination. The code will get pasted. Happy coding from Wikitechy angular material tutorial , angular 4 material , angular material2 , angular material example team

app.js:

var app = angular.module('SomeApp', [/* Your dependencies here */ 'ngMaterial'])
app.controller('ChipController', function($scope) {
    $scope.chip = "$scope";
})
Clicking "Copy Code" button will copy the code into the clipboard - memory. Please paste(Ctrl+V) it in your destination. The code will get pasted. Happy coding from Wikitechy angular material tutorial , angular 4 material , angular material2 , angular material example team

This angular material provides most of the technology areas such as angular material example , angular material download , angular material design template , angular material vs bootstrap , angular material for angular 2 , what is angular material , angular material demo , angular material2 , angular material demo , angular 4 material , angular material npm , angular material tutorial , angular material cdn , angular material vs bootstrap


Related Searches to Static chips in angular material