【问题标题】:Angularjs checkbox not checked at startAngularjs复选框在开始时未选中
【发布时间】:2016-08-24 14:29:12
【问题描述】:

我在勾选 angularjs 复选框时遇到问题。

购物篮[0].Partdelivery 来自带有 1 的 db update() 向数据库发帖

<label class="checkbox-inline">
    <input type="checkbox" id="inlineCheckbox1"  class="checkbox" ng-model="basket[0].PartDelivery" ng-true-value="1" ng-false-value="0" ng-change="update()">
    {{basket[0].PartDelivery}}
</label>

<label class="checkbox-inline">
    <input type="checkbox" id="inlineCheckbox1"  class="checkbox" ng-model="1" ng-true-value="1" ng-false-value="0" ng-change="update()">
</label>

我也在 html 中测试了这个:

<div ng-controller="basketController as bc" ng-init="basket={basket}; deliveryaddress={deliveryaddress}; getcheckboxes(basket[0].PartDelivery)">

<input type="checkbox" id="inlineCheckbox1"  class="checkbox" ng-model="partDeliveryCheck.value" ng-true-value="1" ng-false-value="0" ng-change="update()">

在控制器中:

$scope.getcheckboxes = function(PartDelivery){
    $scope.partDeliveryCheck={value: PartDelivery};
};

但是复选框没有被选中...

【问题讨论】:

    标签: angularjs checkbox


    【解决方案1】:

    ng-model 是一个双重绑定变量。您在第一个示例中传入了 1,它不能是变量。

    试试这个

    index.html

    <input type="checkbox" ng-model="vm.checked">
    Is checked: {{vm.checked}}
    

    Controller.js

    app.controller('MainCtrl', function() {
      var vm = this;
      vm.checked = true;
    });
    

    这是一个 plnkr:https://plnkr.co/edit/TywBTouaKuU8xHFNlQQU?p=preview

    你也可以看看ngChecked指令https://docs.angularjs.org/api/ng/directive/ngChecked

    【讨论】:

    • @Andreas 如果这解决了您的问题,请接受答案。
    猜你喜欢
    • 2017-08-31
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2014-04-10
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多