angular 雙ng repeat顯示隱藏

2022-08-01 10:12:09 字數 755 閱讀 9748

需求是在巢狀的列表中,實現對應列表點選的,顯示隱藏。

單個很好寫like this:

click me

you want to show/hide content

$scope.toshow = false;

$scope.changestate = function()

}]);

顯示效果如下: 

巢狀的列表如下:

$scope.items = [

,,,,,,,]

$scope.sub = 'none'; //隨意寫個不是數字的就可以

$scope.sup = 'none';

$scope.remove = function(par,chl) ;

}]);

達到效果如下:(點選實現顯示)

這個還是比較侷限只能保持單一的顯示,並且不能隱藏;

Angular 5 子元件與父元件實現資料雙向繫結

1.實現父元件和子元件間 資料的雙向繫結 2.描述 子元件和父元件間,各有乙個標籤,在父元件input 內容,子元件的input 標籤上同步 在子元件的input 上輸入內容,父元件input 標籤頁同步 3.具體實現 在父元件html中寫如下 子元件input標籤 home input homei...

Angular學習筆記 Angular生命週期

生命週期函式通俗的講就是元件建立 元件更新 元件銷毀的時候會觸發的一系列的方法。當 angular 使用建構函式新建乙個元件或指令後,就會按下面的順序在特定時刻呼叫這些生命週期鉤子方法。當 angular 使用建構函式新建乙個元件或指令後,就會按下面的順序在特定時刻呼叫這些生命週期鉤子方法 鉤子用途...

angular貨幣過濾 angular過濾器的使用

angular中常見過濾器 我們從後台請求的資料 有時候不是我們想要的格式 比如貨幣數字從後台獲取過來就是一堆純數字 但是貨幣數字通常是 按照規則用逗號分開並且數字前面有標識當前是哪種貨幣 過濾器的概念 angularjs為我們提供的處理資料格式的方式 過濾器的作用 將資料格式化我們想要的格式 過濾...