问题标签 [angular-ng-class]

我是一个像下面的数组

在我的 html 中，我使用了 ion-card

这是我的CSS代码

我有两个来自我的数组的对象，它们显示在该卡的我的 ui 中，我使用了基于“defaultBackground”数组的两种颜色。

上面的代码总是只应用一个CardData css 类。

所以在我的检查元素中我只看到oneCardDatacss 但我的zerocardcss 没有应用

更新

用 idx in 的 indext 更新了我的 html 部分以显示真或假。

我不想通过将类slideInRight和slideOutRight切换到 ul 元素来获得 slideIn / slideOut 动画。

我以不同的方式尝试过它，但它只适用于一个类名。

如何在第一个上添加类slideInRight ，在第二个上添加类slideOutRight使用下拉菜单类单击我的 ul 元素？

我试过这样：

我究竟做错了什么？

希望你能帮忙。

更新：

这是我的代码当前状态的Plunker。这样只有 slideInRight 动画有效。如果我再次单击该按钮，则 ul 会消失而没有 slideOutRight 动画。

怎么了？

当用户猜错鱼的名字时，我想摇晃一张图片。我正在使用有条件的ng-class="{'shake':error}". 然而，即使答案是正确的，图像也会抖动。我不相信在任何时候$scope.error都设置为真的。我在这里想念什么？

密码笔

ngClass 指令生成以下错误

代码片段。

注意：我已经导入了通用模块

库版本角 4.0.1

我正在尝试在 Angular 中使用 [ngClass]，但似乎它没有被应用。类似 css 样式的令人惊讶的 [ngStyle] 正在起作用。我在这里做错了吗？控制台中没有错误。当我检查开发工具时，这些类被应用于标签但不在浏览器视图中。我尝试了所有不同的选项 - class, [class], [ngClass], ngClass. 我也尝试了 className 和 ngClass。

请找到随附的 plunker 以供参考：

https://plnkr.co/edit/ipMxdTzoHUl5YCPJSpLT?p=preview

在 Angular 中，我想使用ngClass并单击事件来切换类。我在网上浏览过，但有些是 angular1 并且没有任何明确的说明或示例。任何帮助都感激不尽！

在 HTML 中，我有以下内容：

在.ts：

我有一个 ngClass 条件，它在没有空格的类名上运行良好，但是当我尝试执行类似下面的操作并在按钮单击时切换 isTrue 时，类从“btn btn-primary”变为“btn-default”。那里的空间似乎把它扔掉了。我错过了什么吗

以下片段之间的Angular 2有什么区别：

我正在向 2 div 添加一个类，以使用[ngClass]放大屏幕时如何删除这些类来切换侧边栏标题。

问题在于加宽屏幕，它只保留在那里，因为类没有被删除。我如何删除课程？

在添加类[ngClass]="{'menu-push-onscreen': show}"时，它会切换，当我加宽屏幕时，它本身就会在那里，我该如何删除它？

}

是否可以仅在选定组件中更改布局的宽度？我想更改<div class="page home-page">我的登录组件中的唯一？仅在登录组件中，不在其他组件中。