angularJs實現增刪改查示例1-列表查詢界面

先上效果圖：

*************************************以下是代碼截圖**************************************

因爲前端代碼貼過來很多都直接變成前端組件了，所以直接截圖

1、導入的js、css引用，以及angularJs需要注意的地方，如：ng-app="" 與 ng-controller=""

 2、查詢列表：這裏做的是級聯下拉，使用的是ng-options=""來初始化下拉列表數據的。

簡要邏輯：1）、通過angularJS頁面初始化指令ng-init=""內的方法來調用JS查詢方法

    2）、JS查詢方法發送請求從後臺獲得各種數據（如：下拉數據、列表數據等）。

    3）、JS查詢方法將獲得的各種數據封裝給各自的對象（例如：下拉數據對象：vm.productLists和vm.planjson；列表數據對象：vm.items）

3、按鈕欄。

注：頁面初始化指令：ng-init=""(前面已介紹)

4、查詢列表標題行。

5、查詢列表數據行。

邏輯：1）、ng-init=""初始化指令方法調用js查詢方法向後臺發送請求，獲取各種查詢頁面的初始化數據（包含查詢頁面列表數據）

    2）、js查詢方法獲取到列表數據後封裝給vm.items對象

    3）、頁面通過ng-repeat=""接收js封裝的vm.items對象，並進行逐行解析。

注：下圖代碼存在單選列和隱藏值

6、分頁