25

ng-repeatブロック内でng-showディレクティブを使用すると問題が発生します。

ブール値がng-showに正しく渡されていないようです...

私が何を意味するかを示すために、JSFiddleで作成した例のスクリーンショットを次に示します。

ここに画像の説明を入力してください

マークアップの例を次に示します。

<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'
        }
    ]        

}

私が間違っているかもしれないことについて何か考えはありますか？

4

1 に答える 1

37

あなたの中ng-showで{}は必要ありませんこれを試してください：

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

内の実用的​​なサンプルについては、このフィドルを参照してください。ng-showng-repeat

于 2012-10-19T17:43:58.310 に答える