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: