ionicの既存のリストにユーザーが入力したものを追加する

Question

私はピザ屋用のアプリケーションを作成しようとしていますが、ここで管理者は新しいピザ名を付けて既存のメニューに追加します。ピザサイズのため、管理者がピザ名を指定すると、管理者はピザのサイズをチェックボックスに入れ、それもメニューに追加されます。特定の項目をドロップダウンから選択すると、選択した項目。だから、私はテキストボックスとチェックボックスを作成しました。私がここで直面する問題は、すべてのチェックボックスがチェックされており、メニューリストに追加されていないサイズをチェックするときです。入力を適切にメニューリストに入れるのを助けてください。

これは私が$スコープを宣言したので、キノコが選択されたときに、サイズが「小さい」と「中程度」と表示されます。私はこれが何をしたいと思い、この

<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); 
}; 

をこれらを置くと

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

link to plunker

Answer 1

編集したテンプレート。ありがとう