国产av日韩一区二区三区精品,成人性爱视频在线观看,国产,欧美,日韩,一区,www.成色av久久成人,2222eeee成人天堂

Thank you for your hard work, please tell me how to use a set of buttons to make a single-select question. Thank you very much!

As shown in the picture, you need to do 2 things:

1. After the page is loaded, according to the returned value domain:"8", set the default checked button and the icon class in the button;
2. Click a button, clear other button styles, and give Click the button to add class active

The rendering is as follows (now it is formed directly by adding classes)

The data structure returned is as follows

{
 1: "健康",
 2: "法律",
 3: "心理",
 4: "醫(yī)美", 
 5: "教育",
 6: "職場(chǎng)",
 7: "汽修", 
 8: "其他"}

The HTML structure is as follows (currently written by me, but only multiple selections can be made)

     <ul class="tag-list button-select-group">
             <li ng-repeat="item in domainList">
                    <button type="button"
                            ng-class="{active:$index + 1 == defaultDomain}"
                            ng-click="checkDomain($index+1)"
                            ng-model="domain"
                            class="btn-item btn-domain aui-btn aui-btn-secondery aui-btn-block"
                            value="{{$index+1}}">
                        {{item}}
                        <span ng-class="{'fa fa-check-square':$index + 1 == defaultDomain}"></span>
                    </button>
                </li>
        </ul>

JS is as follows

$scope.defaultDomain = data.domain;//服務(wù)器返回的domain字段數(shù)據(jù)
        $scope.checkDomain = function (id) {
        $scope.defaultDomain=id;
    }