javascript - ng-repeat with md-tabs can not access other components (AngularJS 1.6) -
i'm trying repeat components inside each tab, , happening can access , use components inside last tab rendered.
bellow html:
<button class="add-tab" type="button" ng-click="vm.addtab()" ng-disabled="vm.clients.length === 10">+</button> <md-tabs md-no-pagination="true" md-no-ink md-no-ink-bar md-no-select-click="true" md-enable-disconnect="true" md-selected="vm.selectedindex" id="tabs"> <md-tab ng-repeat="client in vm.clients track $index" md-on-select="vm.selecttab($index)"> <md-tab-label> <h6>{{client.nome}}</h6> <p>{{client.cidade}}</p> <h5>{{client.locadora}}</h5> <span class="alert"></span> </md-tab-label> <md-tab-body> <menu-aside></menu-aside> <localization></localization> </md-tab-body> </md-tab> </md-tabs> my tab component:
(function() { 'use strict'; angular .module('carrentalzvendas') .component('tabs', tabsconfig()); function tabsconfig() { return { bindings: { clients: '=', }, controller: tabscontroller, controlleras: 'vm', templateurl: 'components/tabs/tabs.template.html' }; }; /* @nginject */ function tabscontroller($scope) { var vm = this; vm.addtab = addtab; vm.selecttab = selecttab; vm.checklength = _checklength; function addtab() { var _client = { nome: 'cliente6', cidade: 'rio de janeiro', locadora: 'localiza' }; if (_checklength()) { vm.clients.push(_client); } } function selecttab(index) { vm.selectedindex = index; } } })(); and patern controller:
(function() { 'use strict'; angular .module('carrentalzvendas') .controller('vendascontroller', vendascontroller); /* @nginject */ function vendascontroller() { var vm = this; vm.$oninit = _oninit; function _oninit() { vm.clients = [ { nome: 'cliente1', cidade: 'rio de janeiro', locadora: 'localiza' }, { nome: 'cliente2', cidade: 'rio de janeiro', locadora: 'movida' }, { nome: 'cliente3', cidade: 'rio de janeiro', locadora: 'carrentalz' }, ]; } } })(); and component localization needs update specific array inside clients object, how said, can use last tab rendered. others ones "disableds".
anyone helps me problem?
Comments
Post a Comment