javascript - 如何使用 Angular JS 更改类的属性

Question

我在这里看到了几个例子。但仍然对如何执行以下操作感到困惑。

我有两张屏幕截图以便更好地理解。第一个屏幕截图显示了手机的默认 View 。但每当我点击 2nd row (i.e. Rahul Thusso)它将显示如屏幕截图 2 所示的屏幕。当我点击the back button i.e. <-时右侧面板包含 Rahul Thusso 的详细信息将会消失。

我用过@media .... .master-container-rt{ width: 0%; }但它是静态的，不能解决我的问题。

屏幕加载时默认 master-container-rt{ width: 0%; }很好。单击 Rahul Thusso 的行，理想的屏幕是master-container-rt{ width:100%; }最后点击<-按钮master-container-rt{ width: 0% }就可以了。

如何用Angular JS实现它？

截图1-默认屏幕

屏幕截图 2-右侧面板启用屏幕

Answer 1

您可以使用最适合您的ng-style或ng-class。您也可以有条件地使用它们。以下 fiddle 可能会对您有所帮助。

http://jsfiddle.net/ADukg/9326/