javascript - ejemplos - ng-show ng-hide angularjs examples

AngularJS-usando ng-show dentro de ng-repeat

Question

Tengo un problema al utilizar la directiva ng-show dentro de un bloque ng-repeat .

Parece que el valor booleano no se pasa correctamente a ng-show ...

Para mostrar lo que quiero decir, aquí hay una captura de pantalla de un ejemplo que hice en JSFiddle:

Aquí hay un ejemplo de marca:

<table ng-controller="ActressController" class="table table-bordered table-striped">
<tr ng-repeat="actress in actressList">
<td>
<span class="actress-name">{{ actress.name }}</span>
<h4 ng-show="{ actress.name == ''Scarlett'' }">Was in Avengers! <span class="note">(should only appear if Scarlett)</span></h4>
<h2>{{ actress.name == ''Scarlett''}} <span class="note"><-- this statement is correct</span></h2>
</td>
</tr>
</table>

Aquí hay un controlador de ejemplo:

function ActressController($scope) {
$scope.actressList = [
{
name: "Angelina"
}, {
name: "Scarlett"
}, {
name: ''Mila''
}, {
name: ''Megan''
}
]
}

¿Alguna idea sobre lo que puedo estar haciendo mal?

Answer 1

En tu ng-show no necesitas {} prueba esto:

<h4 ng-show="actress.name == ''Scarlett''">Was in Avengers! <span class="note">

Vea este violín para una muestra de trabajo de un ng-show dentro de una ng-repeat .