如何使用角度js來改變類的屬性

我在這裏看到了幾個例子。但仍然困惑如何做到以下幾點。如何使用角度js來改變類的屬性

爲了更好的理解，我有兩個截圖。第一個屏幕截圖顯示了手機的默認視圖。但是，每當我點擊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 - 右面板中啓用屏幕

來源

2017-01-23 Anijit

您的查詢不是很清楚。您是否想要在點擊該行時實現第二個屏幕截圖中顯示的功能？並且當後退按鈕被點擊時想讓事情恢復正常？ –

用於使用angularjs更改類，您必須使用ng-class。 'ng-class =「{master-container-rt：check（）}」'。創建檢查功能。如果resault = true，applay類 – Khoshtarkib

@Khoshtarkib是否可以使用ng-class =「{master-container-rt：width：100％}」或使用函數來實現？ – Anijit

可以使用ng-style或ng-class哪個適合你。你也可以有條件地使用它們。小提琴可以幫助你。

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

來源

2017-01-23 09:42:28

您需要連接到您的範圍的兩個函數。

$scope.showBox = function() { 
       $scope.width = "100%" 
} 

$scope.hideBox = function(){ 
       $scope.width = "0%"; 
}

然後在您的html中將ng-style="{width: width}"添加到您要顯示或隱藏的元素。並將ng-click="showBox()"和ng-click="hideBox()"分別添加到行元素和後退按鈕。

來源

2017-01-23 09:47:28

完成我明白你的意思。但是我想將.master-container-rt類的寬度更改爲100％，因爲它完全控制了右側面板的功能。 – Anijit

如何使用角度js來改變類的屬性

回答

相關問題