如何计算角度材料的芯片?

时间:2016-07-23 05:34:42

标签: angular-material

这是关于角材料的芯片, 你知道,不允许同名, 所以我想计算一下我写了多少次相同的名字。 例如: Apple(1),Papaya(1),Pome(1)。 之后我再次写“Pome”,它会变成这样, Apple(1),Papaya(1),Pome(2)。

谢谢你的帮助......

1 个答案:

答案 0 :(得分:0)

var app = angular.module('StarterApp', ['ngMaterial']);

app.controller('AppCtrl', ['$scope', '$mdSidenav', function($scope, $mdSidenav)
{
  $scope.names = [];
  $scope.isReadonly = false;
}]);
body{
  padding: 20px;
}
<script src="http://ajax.googleapis.com/ajax/libs/angular_material/1.1.0-rc2/angular-material.min.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.5.3/angular-messages.min.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.5.3/angular-aria.min.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.5.3/angular-animate.min.js"></script>
<link href="http://ajax.googleapis.com/ajax/libs/angular_material/1.1.0-rc2/angular-material.min.css" rel="stylesheet"/>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<div ng-app="StarterApp" ng-controller="AppCtrl">
  Tags :
  <md-chips ng-model="names" readonly="isReadonly"></md-chips>
  <br/>
  <input type="checkbox" ng-model="isReadonly">Enabled</input>
</div>

只是想在芯片上添加一些功能来计算很多次我在其上写相同的单词