/ / AngularJS ng-click roto por {{$ index}} - javascript, jquery, angularjs, twitter-bootstrap

AngularJS ng-click roto por {{$ index}} - javascript, jquery, angularjs, twitter-bootstrap

Estoy teniendo un problema con AngularJS donde cuando uso $ index, se rompe la función ng-click.

Esto se está haciendo dentro de un div que usa ng-repeat, el código de repetición funciona correctamente ...

<a class="accordion-toggle" data-toggle="collapse"
data-parent="#acc{{$index}}" ng-click="sayhi("{{ $index }}");"
href="javascript:void(0);"> TEST </a>

Cuando hago clic, no hace nada. Verifico el HTML generado y tiene ng-click = "sayHi (" 0 ")", pero el evento click no funciona.

Alternativamente, si cambio el ng-click para ser:

ng-click="sayhi("0");"

sin usar {{$ index}} para generar el cero, funciona perfectamente ...

He intentado con angular 1.0.6 y 1.2.0

Además, estoy usando jQuery 1.7 y bootstrap 3.0 si eso marca la diferencia.

¿Alguien se ha topado con esto? Si es así, ¿qué estoy haciendo mal?

Respuestas

5 para la respuesta № 1

Tratar:

ng-click="sayhi($index)"

como ng-click no soporta la interpolación ({{ }}) AFAIK solo valido expresiones angulares.