カスケードされたドロップダウンリストからアイテムを削除する

Question

カスケードされたドロップダウンリストを削除しようとしました。つまり、ドロップダウンリスト内のアイテムとそれに関連するチェックボックスアイテムは、ボタンがクリックした私はドロップダウンから選択した項目を削除することができませんので、希望する項目を削除してください。

link

HTML：

<ion-view view-title="Car Type"> 
    <ion-content ng-contorller="carBrand"> 
    <h3> Add/Edit the Car Types </h3> 
    {{sample}} 
    Make: 
     <!--select name="client" ng-model="selectedRequest.continent" ng-options="c.name for c in brandList" required></select--> 
     <select ng-model="carBrand" ng-options="make.name for make in brandList"></select> 
    Type: 
    <ion-checkbox ng-model="cartype" ng-repeat="brandType in carBrand.types" ng-disabled="!carBrand"> 
    <span>{{brandType}}</span> 
    </ion-checkbox><br><br> 
    <button ng-click="addEntry()">Edit</button> 
    <button ng-click="home()">Back</button> 
    <button ng-click="delete($index)">Delete</button> 
    </ion-content> 
</ion-view> 

コントローラー：

var carService =angular.module('carService', ['ionic']); 
carService.controller('carBrand',['$scope',function($scope){ 

$scope.brandList=[ 
{'name':'Benz', 'types':['SUV', 'Sedan']}, 
{'name':'BMW', 'types':['SUV', 'Sedan', 'Van']} 
]; 

$scope.remove=function(index){ 
    delete $scope.brandList[$index]; 
}; 
}]); 

Answer 1

あなたremoveは

$scope.remove = function(){ 
    $scope.brandList.splice($scope.brandList.indexOf($scope.carBrand), 1); 
    $scope.carBrand = {}; 
}; 

また、あなたが持っていない正しくありません。 ng-controller

SpliceにHTMLとコントローラdelete != remove

<button ng-click="remove()">Delete</button> 

、正しいng-contorller上の同じ名前を使用すると、既存の要素を削除、および/または新しい要素を追加することによって、配列の内容を変更することができます。