如何在 AngularJS 中將多個複選框值綁定到清單？

如何在 AngularJS 中綁定到複選框值清單？

簡介

處理一組複選框時，將它們的值綁定到控制器中的列表以進行有效管理至關重要。然而，AngularJS 的 ng-model 屬性似乎僅限於綁定單一複選框值。本文探討了解決此問題的兩種方法，並利用簡單陣列或物件陣列作為輸入資料。

方法 1：簡單陣列

HTML:

控制器:

優點:

• 簡單數據結構
• 通過名稱輕鬆切換

缺點：

• 繁瑣的添加/刪除操作

方法2：對像數組

HTML:

控制器:

優點：

• 輕鬆新增/移除動作

缺點：

• 缺點：

更複雜的資料結構

按名稱切換很麻煩

示範： http://jsbin.com/ImAqUC/1/

以上是如何在 AngularJS 中將多個複選框值綁定到清單？的詳細內容。更多資訊請關注PHP中文網其他相關文章！