如何计算角材料的芯片？

Question

这是关于角材料的芯片， 你知道吗，不允许有同名的， 所以我想做一次数我有多少次写同名的。例如： 苹果（1），木瓜（1），梨果（1）。 之后，我再次写“Pome”，它会变成这样， Apple（1），Papaya（1），Pome（2）。

感谢您的帮助...

Answer 1

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>

只是想添加一些功能芯片来算浩很多次我写了同样的话就可以了