1

我刚刚开始从事一个需要我学习 AngularJS 的项目。我要做的是创建两个滑入屏幕的菜单，一个从左侧，一个从右侧。当他们这样做时，他们会将内容推送过来。

目前我可以让其中一个工作，但不能同时工作。我意识到这是因为我定义 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-classusing分配偶数和奇数类的方法ng-repeat：$index

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

于 2013-04-03T14:14:05.553 回答