중첩 된 select 요소가 angularjs에서 작동하지 않습니다.

Question

두 개의 선택 드롭 다운이 있는데, 첫 번째는 두 번째의 부모입니다. 부모 선택을 '선택한 항목'에 성공적으로 바인드 할 수 있습니다. 그러나 선택한 부모에게 ng-model을 사용하여 자식 선택을 바인딩 할 수 없습니다. 나는 각도에 익숙하지 않았지만 희망을 갖고 당신이 그림을 얻었을 때 나는 나의 모범을 얻지 못했다.

$scope.model = {}; 
 
    $scope.model = { 
 
     categories: [{ 
 
     id: 1, 
 
     name: 'Ford', 
 
     subCategory: ['focus', 'ranger', 'F150'], 
 
     filterValue: '' 
 
     }, { 
 
     id: 2, 
 
     name: 'Honda', 
 
     subCategory: ['accord', 'civic', 'pilot'], 
 
     filterValue: '' 
 
     }], 
 
     selectedCategory: {} 
 
    } 
 

 

 
    $scope.categoryChange = function() { 
 
     console.dir($scope.selectedCategory); 
 
    } 
 

 
    $scope.subCategoryChange = function() { 
 
     console.dir($scope.selectedCategory.subCategory); 
 
    } 
 

 

 
    var init = function() { 
 
     $scope.model.selectedCategory = $scope.model.categories[0]; 
 
    }

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.22/angular.min.js"></script> 
 

 

 
    <select ng-model="model.selectedCategory" ng-options="category as category.name for category in model.categories" data-ng-change="categoryChange()"></select> 
 

 
    <select ng-model="model.selectedCategory.filterValue" data-ng-options="subCategory for subCategory in model.selectedCategory.subCategory" data-ng-change="subCategoryChange()"></select>

Answer 1

나를 위해이 작동하고 ! 은 아마 당신은 ng-app & ng-controller

이 참조 넣어 것을 잊었다 -이 내 진짜 애플 리케이션을위한 솔루션>Sample