之前的代碼是這樣的
<select class="planstatus-select" ng-model="planStatus" ng-options="planStatus.id as planStatus.name for planStatus in planStatuses" ng-change="planStatusChange()"></select>，效果是這樣
現(xiàn)在改成這種狀態(tài)
代碼寫成這樣
<label ng-repeat="planStatus in planStatuses">
3
467 <input type="radio" name="a" value="planStatus.name" ng-model="planStatus" ng-click="planStatusChange()"> {{planStatus.name}}</label>
出現(xiàn)問題 請大神幫忙 input ng-model 應(yīng)該綁定誰 name 和value該如何寫
3
0
0
歡迎選擇我的課程，讓我們一起見證您的進步~~
首先：既然是單選按鈕，那么它們的name屬性都是一樣，ng-model也是一樣；然后將input的value賦值成planStatuses中每一項的id，再在每個單選input元素后面加上對應(yīng)的文字內(nèi)容。click事件的話，直接在函數(shù)中取$scope.planStatus的值再做相應(yīng)的處理。
<label data-ng-repeat="_v in planStatuses">
<input type="radio" name="planStatus" value="{{_v.id}}" data-ng-model="planStatus" data-ng-click="planStatusChange()" />{{_v.name}}
</label>
<!DOCTYPE html>
<html lang="en" ng-app="demo">
<head>
<meta charset="UTF-8">
<title>angularjs radio</title>
<script src="http://cdn.bootcss.com/angular.js/1.4.1/angular.min.js"></script>
</head>
<body ng-controller="RootController">
<form action="">
<label ng-repeat="item in planStatuses">
<input type="radio" name="planStatus" ng-model="$parent.planStatus" value="{{item.value}}">{{item.text}}
</label>
<p>您選擇的是:{{planStatus}}</p>
</form>
<script>
angular.module('demo', [])
.controller('RootController', function ($scope) {
$scope.planStatus = 2;
$scope.planStatuses = [
{value: 0, text: '全部'},
{value: 1, text: '未開始'},
{value: 2, text: '進行中'},
{value: 3, text: '已結(jié)束'},
{value: 4, text: '草稿'},
{value: 5, text: '異常'}
];
});
</script>
</body>
</html>微信掃碼
關(guān)注PHP中文網(wǎng)服務(wù)號
技術(shù)交流群
QQ掃碼
加入技術(shù)交流群
Copyright 2014-2025 http://ipnx.cn/ All Rights Reserved | php.cn | 湘ICP備2023035733號
收藏
