1

AngularJS の学習が必要なプロジェクトに取り組み始めたところです。私がやろうとしているのは、画面にスライドする 2 つのメニューを作成することです。1 つは左から、もう 1 つは右からです。彼らがこれを行うとき、コンテンツをプッシュします。

現在、どちらか一方を機能させることができますが、両方を機能させることはできません。これは、ng-class を定義する方法が原因であることに気付きました。それを正しく行う方法を完全に概念化することはできません。

<div ng-class="{true:'slide-left', false:''}[toggleSlide]" class="container">

    <div class="content">
        <button ng-click="toggleSlide = !toggleSlide" class="btn-left">From Left</button>
        <button ng-click="toggleSlide = !toggleSlide" class="btn-right">From Right</button>
    </div>

    <div class="slide-from-left">
        <p>Here is information that slides from off screen left.</p>
    </div>

    <div class="slide-from-right">
        <p>Here is information that slides from off screen right.</p>
    </div>
</div>
4

1 に答える 1

2

必要に応じて、次のように ng-class 構文を設定します。

<div ng-class="{'slide-left':toggleSlide, 'slide-right':!toggleSlide}" class="container">

また、あなたのコードをあなたが見た何かに適応させようとしていたと思うので、それについても何かを提供します. ng-classを使用して、偶数と奇数ng-repeatの$indexクラスを配る例を次に示します。

ng-class="['even', 'odd'][$index % 2]"

于 2013-04-03T14:14:05.553 に答える