Angularjs學習筆記15 專案演示（二）

2021-10-07 02:23:16 字數 1203 閱讀 4549

列表如下：

1.使用者輸入動態統計，以及按鈕的置灰；√

2.filter展示，也就是搜尋功能；√

3.列表的新增和刪除效果；

4.任務狀態的修改；

一、列表的新增和刪除效果

html**：

123


4567


891011


1213


1415


1617


1819


20


class="form-group">


class="col-sm-offset-2 col-sm-10">


type="button"


ng-click="addnew()"


ng-disabled="!name"


type="button"


class="btn btn-default">添 加button>


div>


div>


class="table table-striped">


序列號th>


名稱th>


操作th>


tr>


ng-repeat="x in arrs|filter:searchtext">


}td>


class="throwline_}">}td>


ng-model="x.status"


type="checkbox" />完成span>|


href="#"


ng-click="deleteone($index)">刪除a>


td>


tr>


table>


js**：


123

4567

8

$scope.arrs=;


$scope.addnew=function());


$scope.name="";


}$scope.deleteone=function(index)
說明：新增和刪除需要注意addnew和deleteone這兩個方法，新增主要用到了js中的push方法，而刪除需要傳入當前行的索引index，應用splice方法就可以了。當然，這裡的刪除和新增僅僅演示的是dom的動態重新整理，實際專案中，你還需要後台**去輔助實現相應功能。

二、任務狀態的修改

css**：

123456


 
angularjs學習筆記
不要用控制器去繼承控制器，通用的通過service來通用 不要試圖服用controller，乙個控制器只負責乙個塊試圖 不要在controller中操作dom，這不是controller的職責，用指令只做 不要在controller中做資料初始化，ng有表單控制項 不要在controller中做資料...


angularjs 學習筆記
文件 function angular bootstrap element,modules config 第乙個引數，要繫結的元素，第二個引數要繫結的modules 第三個引數 暫不明確 controller welcomecontroller function scope angular.boot...


Angular JS 學習筆記
特定領域語言 指令 當關聯的html結構進入編譯階段時應該執行的操作，可以寫在名稱裡，屬性裡，css類名裡 本質上是函式 穩定的dom 繫結了資料模型的dom元素的例項不會在繫結的生命週期發生改變 作用域 用來檢測模型的改變和為表示式提供執行上下文的 angularjs 和其它模板系統不同，它使用的...