aft*_*tab 5 html javascript checkbox angularjs
我现在有两个复选框,用户可以选择其中一个或两个并将数据发布到服务器,但我不确定,$scope.ng-model当用户发布数据时,我将如何绑定这两个值?
main.html中
<div class="col-md-8 col-md-offset-2">
<label class="checkbox">
<input type="checkbox" ng-value="'uploadPrc'" ng-model="prcModel">Upload PRC
</label>
<label class="checkbox">
<input type="checkbox" ng-value="'uploadPrt'" ng-model="prtModel">Upload PRT
</label>
</div>
Run Code Online (Sandbox Code Playgroud)
角度“双向数据绑定”的工作原理如下:在控制器范围上初始化表单数据
$scope.form = {
prcModel: false,
prtModel: false
}
Run Code Online (Sandbox Code Playgroud)
而在你看来:
<div class="col-md-8 col-md-offset-2">
<label class="checkbox">
<input type="checkbox" ng-value="'form.prcModel'" ng-model="form.prcModel">Upload PRC
</label>
<label class="checkbox">
<input type="checkbox" ng-value="'form.prtModel'" ng-model="form.prtModel">Upload PRT
</label>
</div>
Run Code Online (Sandbox Code Playgroud)
如果更改复选框的值,模型的值也会立即更改。所以你需要做的就是$scope.form在你的控制器中处理你的事情。
| 归档时间: |
|
| 查看次数: |
1144 次 |
| 最近记录: |