Json 以角度显示复选框值
我正在寻找一种方法来显示结果字符串,并在表单中选择复选框值。 我找不到办法做这件事 澄清: []苹果 [十] 柠檬 []橙子 [十] 酸橙 精选:柠檬、酸橙 “我的复选框”具有以下语法:Json 以角度显示复选框值,json,angularjs,checkbox,Json,Angularjs,Checkbox,我正在寻找一种方法来显示结果字符串,并在表单中选择复选框值。 我找不到办法做这件事 澄清: []苹果 [十] 柠檬 []橙子 [十] 酸橙 精选:柠檬、酸橙 “我的复选框”具有以下语法: <input type="checkbox" id="{{fruit}}" ng-model="value1" ng-bind="fruit"/> 我从JSON文件中获取值列表 有人知道我如何做到这一点吗?这是我的尝试。 使用ngChange指令绑定回调: 在控制器中,更新选定水果的列表并显示消
<input type="checkbox" id="{{fruit}}" ng-model="value1" ng-bind="fruit"/>
我从JSON文件中获取值列表
有人知道我如何做到这一点吗?这是我的尝试。
使用ngChange指令绑定回调:
在控制器中,更新选定水果的列表并显示消息:
$scope.selectedFruits = [];
$scope.message = "";
function renderMessage(){
$scope. message ='';
for (var i = 0; i < $scope.selectedFruits.length; i++)
$scope. message += $scope.message ? ", "+$scope.selectedFruits[i] : $scope.selectedFruits[i];
$scope.message = "Selected : "+ $scope.message
return $scope.message;
};
$scope.updateFruits = function(name) {
var alreadyExisting = false;
for (var i = 0; i < $scope.selectedFruits.length; i++) {
if (name === $scope.selectedFruits[i])
{
$scope.selectedFruits.splice(i, 1);
alreadyExisting = true;
}
}
if (!alreadyExisting)
$scope.selectedFruits.push(name);
renderMessage();
};
编辑:我中午很忙,无法提供函数版本。我更新了代码并创建了plnkr: