Выберите опцию в angularjs

У меня возникли проблемы с выбором опций. Мне нужно выбрать Glasstypes и его подтипы в соответствии с GlassTypes и толщиной стекла в соответствии с подтипами. My Json is glass:[ "glassTypeOne":[ { "id":1, "subTypeName":"subTypeOneOne", "thickness":[ { "name":"4mm", },{ "name":"5mm", },{ "name":"8mm", } ] },{ "id":2, "subTypeName":"subTypeOneTwo", "thickness":[ { "name":"4mm", },{ "name":"5mm", },{ "name":"6mm", },{ "name":"8mm", } ] } ], "glassTypeTwo":[ { "id":1, "subTypeName":"subTypeTwoOne", "thickness":[ { "name":"4mm", },{ "name":"5mm", },{ "name":"6mm", },{ "name":"8mm", } ] },{ "id":2, "subTypeName":"subTypeTwoTwo", "thickness":[ { "name":"4mm", },{ "name":"5mm", },{ "name":"6mm", },{ "name":"8mm", } ] } ] ] Первый вход для выбора типа выбирает тип, а другой выбирает, заполняет подзаголовок, а другой выбирает толщину. Любая одна помощь или дать небольшой намек делает it.in angularjsВыберите опцию в angularjs

источник

2016-05-08 Vikas Ramtel

Пожалуйста, запустите фрагмент кода, чтобы увидеть его в действии (надеюсь, что это то, что вы искали ?!)

(function() { 
 
    var app = angular.module("app", []); 
 

 
    function HomeController() { 
 
     var vm = this; 
 

 
     vm.glassTypes = [{ 
 
       name: "One", 
 
       details: [ 
 
        { 
 
         "id": 1, 
 
         "subTypeName": "subTypeOneOne", 
 
         "thickness": [ 
 
          { 
 
           "name": "4mm", 
 
          }, { 
 
           "name": "5mm", 
 
          }, { 
 
           "name": "8mm", 
 
          } 
 
         ] 
 
        }, { 
 
         "id": 2, 
 
         "subTypeName": "subTypeOneTwo", 
 
         "thickness": [ 
 
          { 
 
           "name": "4mm", 
 
          }, { 
 
           "name": "5mm", 
 
          }, { 
 
           "name": "6mm", 
 
          }, { 
 
           "name": "8mm", 
 
          } 
 
         ] 
 
        } 
 
       ] 
 
      }, 
 
      { 
 
        name: "Two", 
 
        details: [ 
 
         { 
 
          "id": 1, 
 
          "subTypeName": "subTypeTwoOne", 
 
          "thickness": [ 
 
           { 
 
            "name": "4mm", 
 
           }, { 
 
            "name": "5mm", 
 
           }, { 
 
            "name": "6mm", 
 
           }, { 
 
            "name": "8mm", 
 
           } 
 
          ] 
 
         }, { 
 
          "id": 2, 
 
          "subTypeName": "subTypeTwoTwo", 
 
          "thickness": [ 
 
           { 
 
            "name": "4mm", 
 
           }, { 
 
            "name": "5mm", 
 
           }, { 
 
            "name": "6mm", 
 
           }, { 
 
            "name": "8mm", 
 
           } 
 
          ] 
 
         }] 
 
      }]; 
 
    } 
 

 
    app.controller("HomeController", [HomeController]); 
 
})();

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script> 
 
<!DOCTYPE html> 
 
<html lang="en" ng-app="app"> 
 
    <head> 
 
     <meta charset="UTF-8"> 
 
     <title>Angular JS App</title> 
 
     <link rel="stylesheet" href="../lib/bootstrap/dist/css/bootstrap.css"> 
 
    </head> 
 
    <body> 
 

 
     <div class="container" ng-controller="HomeController as homeCtrl"> 
 

 
      <select class="form-control" ng-model="homeCtrl.glass" ng-options="glass.name for glass in homeCtrl.glassTypes"></select> 
 
      <select class="form-control" ng-model="homeCtrl.subglass" ng-options="subglass.subTypeName for subglass in homeCtrl.glass.details"></select> 
 
      <select class="form-control" ng-model="homeCtrl.thickness" ng-options="thickness.name for thickness in homeCtrl.subglass.thickness"></select> 
 
     </div> 
 
     
 
    </body> 
 
</html>

источник

2016-05-08 14:49:01 Bettimms

спасибо за подсказку –

Мне пришлось сменить json на это. Разве это не то, что вы искали ?! – Bettimms

Выберите опцию в angularjs

ответ

Смежные вопросы