는 객체

나는이 JSON 구조의 배열 내에서 객체의 배열을 얻을 수 ngOptions를 사용할 수 있습니까?는 객체

2016-07-08 Jose

내가 가진 옵션을 선택하면 드롭 다운 메뉴에서 선택 태그의 하위 메뉴를 표시해야합니다. – Jose

마우스 오버시 또는 선택시 서브 메뉴 표시를 의미합니까? – Icycool

아니요 섹션 2 개가 있습니다. 먼저 드롭 다운 메뉴이고 두 번째 메뉴는 입니다. 그래서 드롭 다운 메뉴에서 옵션을 선택하면 그 하위 메뉴가 표시됩니다. – Jose

예, 당신이 먼저 당신이 메뉴 안에 객체를 반복해야 할 다음과 같이, 당신은 각 하위 메뉴 배열에 대한 선택 할 수 있습니다 :

(function() { 
 
    "use strict"; 
 
    angular.module('app', []) 
 
    .controller('mainCtrl', function($scope) { 
 
     $scope.selectedSubmenus = []; 
 
     $scope.menus = [{ 
 
     "name": "home", 
 
     "url": "/home", 
 
     "submenus": [{ 
 
      "name": "employee", 
 
      "url": "/aboutemployee" 
 
     }, { 
 
      "name": "something", 
 
      "url": "/something" 
 
     }] 
 
     }, { 
 
     "name": "about", 
 
     "url": "/about", 
 
     "submenus": [{ 
 
      "name": "company", 
 
      "url": "/aboutcompany" 
 
     }, { 
 
      "name": "jobs", 
 
      "url": "/jobs" 
 
     }] 
 
     }]; 
 
    }); 
 
})();

<!DOCTYPE html> 
 
<html ng-app="app"> 
 

 
<head> 
 
    <script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.5.7/angular.min.js"></script> 
 
</head> 
 

 
<body ng-controller="mainCtrl"> 
 
    <div ng-repeat="menu in menus track by $index"> 
 
    <strong>Menu name: </strong><span ng-bind="menu.name"></span> 
 
    <select ng-options="submenu as submenu.name for submenu in menu.submenus" ng-model="selectedSubmenus[$index]"> 
 
     <option value="">Select something</option> 
 
    </select> 
 
    <hr> 
 
    </div> 
 
    Selecteds: <pre ng-bind="selectedSubmenus | json"></pre> 
 
</body> 
 

 
</html>

출처

2016-07-08 02:49:44 developer033

답변

관련 문제