本篇主要目的就是繼續完善home頁下的index子頁面的內容，處理乙個列表，進行增刪改查過濾等操作。
主要的更改有兩個，乙個是修改模板index.html，還有就是增加控制器indexctl的控制邏輯。
先看模板：
很簡單，就是在上邊增加了操作區，主要是乙個輸入框，乙個增加按鈕，還有就是過濾列表的輸入框；下面乙個table列表。
先說乙個輸入框input，咱們使用了ng-model指令，用於把輸入框中的內容儲存起來，掛在input所在的scope的屬性上，當輸入框的內容發生改變的時候，對應的scope上的值也就會更改。
然後tr這裡，咱們使用了ng-repeat指令，很明顯就是造列表的指令，只是他的值裡面，咱們增加了過濾器filter，過濾的引數就是冒號後邊的filtername；還有ng-if指令，控制渲染或者不渲染的，當表示式執行結果為真，就渲染，否則就不渲染。
還有乙個細節就是咱們在「編輯」點選的時候，僅僅切換下了isediting的值，當值為true的時候，就表示當前處於編輯狀態，把編輯狀態的輸入框顯示出來，預設顯示的文字隱藏掉，這裡用到了ng-show和ng-hide指令，很好理解，當表示式為true的時候show或者hide。
下邊來看下indexctl中就增加了什麼東東：
首先，咱們需要資料，從**得到，當然是通過ajax請求獲得，angular中內建的http服務就是幹這樣的事情的；當得到資料成功的時候，給scope的items賦值。
還有乙個就是當點選增加按鈕的時候，執行的函式addnewitem，其實只需要給items陣列push乙個新的物件即可，在頁面表現上就會自動渲染好新增加的項。
相應的刪除，同理也是一樣的，只需要把items陣列這的這一項刪除掉即可。
本篇原始碼：
歡迎吐槽
WPF入門教程系列（4）
mvvmlight安裝之後，我們可以看到簡易的框架布局，生成了乙個viewmodel資料夾，viewmodel層的內容都放在這邊，除了main物件的viewmodel之外，還包含乙個viewmodellocator檔案，用來注入當前的viewmodel全域性例項。一 先來說說分層結構 如圖 1 vi...
Angular2入門系列教程3 多個元件，主從關係
好了，前面簡單介紹了angular2的基本開發，並且寫了乙個非常簡單的元件，這篇文章我們將要學會編寫多個元件並且有主從關係 現在，假設我們要做乙個部落格，部落格的的文章具有主從關係，文章和文章詳情 現在，我們新建乙個article的資料夾和其元件的基本架構 順便說一下，我使用的是vs code 有個...
kotlin入門潛修系列教程
kotlin入門潛修之開門篇 kotlin是什麼？kotlin入門潛修之基礎篇 基礎語法 kotlin入門潛修之基礎篇 packages 包 kotlin入門潛修之基礎篇 控制表示式 kotlin入門潛修之基礎篇 返回和跳轉 kotlin入門潛修之類和物件篇 類和物件 kotlin入門潛修之類和物件...