Terima kasih atas kerja keras anda, sila beritahu saya cara menggunakan set butang untuk membuat soalan pilihan tunggal. Terima kasih banyak!
1 Selepas halaman dimuatkan, mengikut nilai yang dikembalikan
domain:"8"
, tetapkan butang bertanda lalai dan kelas ikon dalam butang
2. dan berikan Klik butang untuk menambah kelasactive
Rendering adalah seperti berikut (kini ia dibentuk secara langsung dengan menambah kelas)
{
1: "健康",
2: "法律",
3: "心理",
4: "医美",
5: "教育",
6: "职场",
7: "汽修",
8: "其他"}
<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>
$scope.defaultDomain = data.domain;//服务器返回的domain字段数据
$scope.checkDomain = function (id) {
$scope.defaultDomain=id;
}
Tentukan pembolehubah dan tetapkan nilai semasa kepadanya, kemudian buat pertimbangan dalam kelas Jika nilai = indeks, tambah gaya
Gunakan format radio untuk melakukannya secara terus, cuma sembunyikan gaya lalai, dan kemudian buat kekecohan tentang gaya label yang sepadan