單選按鈕和複選框的數據綁定

單選按鈕:

<div class="radio" ng-repeat="authMode in EnumItems.authModeSwitch">
                                                    <label>
                                                        <input type="radio" id="inputAuthModeSwitch" name="inputAuthModeSwitch"
                                                               ng-model="secProfile.authConfig.authModeSwitch" value="{{authMode.id}}">
                                                        <span class="text">{{authMode.name}}</span>
                                                    </label>
                                                </div>


只要設置value和ng-model , 單選按鈕就綁定到數據對象了.

複選框:

<pre name="code" class="javascript"> <div class="col-lg-3 col-sm-3 col-xs-6" ng-repeat="val in filterValues">
            <div ng-class="{'checkbox':widget!='radio', 'radio':widget=='radio'}">
                <label>
                    <input type="checkbox" ng-model="isChecked" ng-click="onCheckboxChecked(isChecked, val)"  ng-true-value="1" ng-false-value="0">
                    <span class="text">{{val.name}}</span>
                </label>
            </div>
        </div>



默認情況下,綁定到複選框上的值是ture或者false。有時候,我們希望返回的其它值。Angular提供了一種非常好的處理方式:使用ng-ture-value和ng-false-value。

對複選框選中時的處理可調用ng-click.


發佈了20 篇原創文章 · 獲贊 7 · 訪問量 7萬+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章