Подтвердить что ты не робот

AngularJS - использование ng-show в ng-repeat

У меня возникла проблема с помощью директивы ng-show в блоке ng-repeat.

Булевое значение, похоже, не правильно передается в ng-show...

Чтобы показать, что я имею в виду, вот скриншот примера, который я сделал в JSFiddle:

enter image description here

Вот пример разметки:

<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>

Вот пример контроллера:

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

}

Любые идеи о том, что я могу делать неправильно?

4b9b3361

Ответ 1

В вашем ng-show вам не нужно {} попробовать следующее:

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

Смотрите эту скрипту для рабочего образца ng-show внутри ng-repeat.