angularjs - how I make <a> to show me alone element with a filter? -


this code want filter 'marcas' when click ....

<body ng-controller="marcascontroller">  <a>chevrolet</a> <a>renault</a>  <ul ng-repeat="marca in marcas">     <li ng-repeat="tipo in marca.modelo">{{tipo.nombre}}</li> </ul>  </body> 

---show me alone renault or chevrolet depends click---

var app = angular.module('app', []);  app.controller('marcascontroller', ['$scope', function($scope) {  $scope.marcas =[  {   "nombre": "chevrolet",   "image": "images/aveo.jpg",   "modelo": [     {"nombre":"aveo", "color":"black"},     {"nombre":"corsa", "color":"yellow"}     ],   "tab": "aveo" }, {   "nombre": "renault",   "image": "images/aveo.jpg",   "modelo": [     {"nombre":"clio", "color":"black"},     {"nombre":"sandero", "color":"red"}     ],   "tab": "aveo" }, ];  }]) 

show me alone renault or chevrolet depends click

you use, example

<a ng-click="marcas.selected = 'renault'">renault</a> 

and

<ul ng-repeat="marca in marcas | filter:{nombre:marcas.selected}">...</ul> 

before posting question on so, should first try create own solution , include attempt(s) in question.


Comments

Popular posts from this blog

python - mat is not a numerical tuple : openCV error -

c# - MSAA finds controls UI Automation doesn't -

wordpress - .htaccess: RewriteRule: bad flag delimiters -