Как c помощью AngularJS сделать так, чтобы при выборе определенного checkbox выводился соответсвующий пункт, при выборе двух, выводились оба и т.д. Буду благодарен за помощь. jsbin
HTML:
<body ng-app="shopApp" ng-controller="ProductsController as ctrl">
<label><input type="checkbox">red</label>
<label><input type="checkbox">White</label>
<label><input type="checkbox">Grey</label>
<div ng-repeat="product in ctrl.products">
<p>{{product.color}}</p>
</div>
</body>
JS:
var app = angular.module('shopApp',[]);
app.controller('ProductsController', ProductsController);
function Product(color){
this.color = color;
}
function ProductsController(){
this.products = [
new Product('red'),
new Product('white'),
new Product('grey'),
new Product('red'),
new Product('white'),
new Product('grey')
];
}