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 .