如何計算角材料的芯片？

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>

只是想添加一些功能芯片來算浩很多次我寫了同樣的話就可以了