Situación: Tengo un listado de registros que viene de la base de datos, en forma tradicional, que se muestra en una vista de Laravel (no es un listado que llega desde angular, es laravel puro). A esta viste le sume Angular JS para poder actualizar un "estado" que aparece en cada registro.(publicado/no publicado). Y estoy haciendo que al presionar un boton, cambie solo según este estado, sin refrescar la pagina. En el listado tengo ng-model="banner{{$id}}", para identificar cada registro. hasta ahi todo bien
Problema: En el controlador (donde me esta llegando ok el id del registro que quiero modificar) necesito cambiar el scope (banner{{$id}}) en true o false, según sea el caso.
Al controlador llega el id, pero no logro concatenarlo con el string "banner" para hacer este cambio del scope.
O sea, necesito hacer esto:
llega id= 25, entonces:
$scope.banner25=true;
Llega id=40 entonces $scope.banner40=true;
que dinamicamente entiendo seria algo asi:
$scope.+'banner'+$id=true;
Obviamente esto no funciona, por favor algun consejo.
la vista tiene este codigo:
// boton PUBLICADO VERDE:
<span ng-cloak ng-model="on{{$banner->bann_id}}" ng-init="on{{$banner->bann_id}}=true">
<a ng-if="on{{$banner->bann_id}}" ng-click='nopublicar({{$banner->bann_id}})'><button class="btn btn-success active" >ON</button></a> </span>
// boton NO PUBLICADO ROJO:
<span ng-cloak ng-model="of{{$banner->bann_id}}" ng-init="of{{$banner->bann_id}}=false">
<a ng-if="of{{$banner->bann_id}}" ng-click='publicar({{$banner->bann_id}})'><button ng-model="banner{{$banner->bann_id}}" class="btn btn-danger active">OFF</button></a> </span>