将一个值绑定到复选框

时间:2013-06-19 16:51:48

标签: angularjs checkbox bind

我被一个问题吞没了。

我目前有这个代码

<div ng-repeat="list in ConnectivityDetails">
            <div class="connectivity">
                <div class="title">
                    Disable Connectivity??</div>
                <div class="decision">
                    <p style="float: left;">
                        <input type="checkbox" ng-checked="list.Connectivity"/>
                        <label for="Yes">
                        </label>
                        &nbsp;&nbsp;<span class="spans">Yes</span>
                    </p>
                    <p>
                        <input type="checkbox" ng-model="list.Connectivity"/>
                        <label for="No">
                        </label>
                        &nbsp;&nbsp;<span class="spans">No</span>
                    </p>
                </div>
            </div>
</div>

问题: 虽然返回的对象只有一个值,但我得到两个文本框checked,如何为复选框绑定true(是),为false(否)绑定var data = [{PracticeID: "1",Connectivity: "true", LabKey: "2154879",PracticeKey: "ABNCJFUE", CloudServiceURL: "ABC215947"}]"; 其他

我的对象包含此内容:

{{1}}

我想将连接性值绑定到其中一个复选框

帮助! 谢谢

1 个答案:

答案 0 :(得分:1)

小提琴:http://jsfiddle.net/ymZdx/3/

所以它应该是:

           <p style="float: left;">
                <input type="checkbox" ng-model="list.Connectivity" />
                <label for="Yes">
                </label>
                &nbsp;&nbsp;<span class="spans">Yes</span>
            </p>
            <p>
                <input type="checkbox" ng-model="list.Connectivity" ng-true-value="false" ng-false-value="true" />
                <label for="No">
                </label>
                &nbsp;&nbsp;<span class="spans">No</span>
            </p>