Question

我正在尝试为披萨店创建一个应用程序，这里管理员给出了新的披萨名称，以便将其添加到现有的菜单中。而且我还有披萨大小的复选框，所以当管理员给披萨时name，admin也会勾选比萨饼的大小，并且也会添加到菜单中。当从下拉列表中选择特定项目时，它应列出该选定项目的可用大小。所以我创建了文本框和复选框。我在这里面临的问题是，当我检查大小时，所有复选框都会被检查，并且也没有被添加到菜单列表中。请帮我把输入正确地放在菜单列表中。

这是我如何声明$ scope所以当蘑菇被选中时它将列出尺寸＆＃39;小＆＃39;和＆＃39; medium＆＃39;。

 $scope.customerList=[
 {'name':'mushroom', 'types':['Small', 'Medium']},

link to plunker

Answer 1

使用此

编辑模板

<form> 
  <ul>
      <li>Small</li>
      <label>
        <input type="checkbox" name="checkbox1"  ng-model='types.small' ng-value='small' />
      </label>

      <li>Medium</li>
      <label>
       <input type="checkbox" name="checkbox2"  ng-model='types.medium' ng-value='medium' />
      </label>
    </ul>

    <button ng-click="getSelectedCheckboxes(types)">ADD</button>
</form>

并将它们放入您的控制器

$scope.selectedTypes = [];
 $scope.getSelectedTypes= function(types) {
    $scope.selectedArray=[];
     $scope.selectedTypes = angular.copy(types);
     angular.forEach($scope.selectedTypes, function(value, key) {
        if(value){
        $scope.selectedArray.push(key);
        }
     });
     console.log($scope.selectedArray);
 };

我认为这就是你想要的。感谢

将用户给定的输入添加到离子

1 个答案: