1. 程式人生 > >angularJS中chekbox選中狀態前後臺互動傳值和查看回值問題

angularJS中chekbox選中狀態前後臺互動傳值和查看回值問題

初步接觸angularJS,使用的並不熟練。工作中遇到的問題以及解決的辦法還是有必要總結起來的,以便後續自己和其他人的學習。

現在,有兩個頁面,一個新增頁面,一個檢視修改頁面。新增頁面有多選框,點選修改跳轉到修改頁面,修改頁面會展示新增頁面選中的狀態。本想自己實現功能的,但是後來放棄了。找個一個外掛。廢話不多說,直接上程式碼。

首先,需要引入外掛;

<script type="text/javascript" src="../js/checklist-model.js"></script>

其次,在app.js檔案中需要配置一下;

var app = angular.module("App"
,["checklist-model"]);

下面就是在程式碼中具體的使用了。

<label  class="checkbox-inline" ng-repeat="item in types">
    <input type="checkbox" checklist-value="item.code"
checklist-model="mainCA.labels""/>
    {{item.name}}
</label>
新增頁面和修改頁面都要寫哦。哪裡需要寫哪裡。