Question

我正在使用Ionic框架进行移动应用开发。我使用相同的ng-model设置了多个复选框，因此当我单击一个复选框时，应单击所有三个复选框。但是不存储这些值。但我希望普通的HTML复选框（即）值存储在我的数据库中用逗号分隔的同一个字段中。

<label class="item item-input item-floating-label">Gender</label>
<input type="checkbox" ng-model="data.days" value="sunday">sunday
<input type="checkbox" ng-model="data.days" value="monday">monday

Answer 1

我在单一ng模型中获得了一天。

示例代码

$scope.days = [{
            "id": 1,
            "name": "Mon",
            "select": true
        }, {
            "id": 2,
            "name": "Tue",
            "select": true
        }, {
            "id": 3,
            "name": "Wed",
            "select": true
        }, {
            "id": 4,
            "name": "Thu",
            "select": true
        }, {
            "id": 5,
            "name": "Fri",
            "select": true
        }, {
            "id": 6,
            "name": "Sat",
            "select": true
        }, {
            "id": 0,
            "name": "Sun",
            "select": true
        }];

控制器端

{{1}}

上面的代码是默认的全部复选框被选中时单击复选框然后自动修改天对象。

Answer 2

创建一个对象并将其用作ng-model。

检查这个plunker：

https://plnkr.co/edit/YHJDbU24BIaSrmlDTrZy?p=preview

我认为这就是你想要的。

如何让多个复选框使用相同的ng-model？

2 个答案: