Question

我在这里看到了几个例子。但仍然对如何做以下事情感到困惑。

我有两个截图可以更好地理解。第一个屏幕截图显示了手机的默认视图。但每当我点击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以最适合您的方式。您也可以有条件地使用它们。跟随小提琴可能会帮助你。

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

Answer 2

您需要在示波器附加两个功能。

Select Case dlg
        Case Windows.Forms.DialogResult.Yes
            If TextBox12.Text = "" Then
                Dim a, b, c As Integer
                a = TextBox7.Text
                b = TextBox8.Text //my problem
                c = TextBox11.Text
                TextBox12.Text = a + b - c
            End If
            If TextBox6.Text = "" Then
                TextBox6.Text = "-"
            End If

然后在你的html中添加$scope.showBox = function() { $scope.width = "100%" } $scope.hideBox = function(){ $scope.width = "0%"; }到你要显示或隐藏的元素。并分别将ng-style="{width: width}"和ng-click="showBox()"添加到行元素和后退按钮。

如何使用angular js更改类的属性

2 个答案: