選択オプションに問題があります。私はグラスタイプとそのサブタイプを、サブタイプに応じてGlassTypesとガラスの厚さに従って選択する必要があります。 My Jsonは 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", } ] } ] ]
を選択します。最初のselect-type入力はTypeを選択し、もう1つのselectは副選択を生成し、別のselectは厚さを入力します。 いずれヘルプやit.in angularjsanglejsのオプションを選択
0
A
答えて
0
を行うためのわずかなヒントを与えるアクションでそれを見るためにコードスニペットを実行してください(これはあなたが!探していたものです願っています)
(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>
関連する問題
- 1. anglejsとhtmlが選択されたオプションをdinamically
- 2. anglejsでキー/値を選択
- 3. 選択オプションの選択複数選択オプションのデータ属性
- 4. オプションを選択
- 5. onmouseoverでオプションを選択/オプションを選択するとタグイベントを選択
- 6. は選択オプション
- 7. 選択オプション
- 8. オプション(選択)フローチェック
- 9. 選択オプションが
- 10. angleJSコントローラでオプションを選択してテキストを入力しました
- 11. オプションを選択 - アラート
- 12. バインディングの選択/オプション
- 13. 複数選択オプションを選択する
- 14. HTMLで選択オプションを選択する
- 15. 前の選択オプションに基づくコンテンツ選択オプションangularjs
- 16. anglejsのドロップダウン自動サイズ選択
- 17. ドロップセットのオプションを選択ドロップ
- 18. jqueryのオプションを選択
- 19. angular2選択オプション選択問題
- 20. ドロップダウン選択リストと選択したオプション
- 21. スタイリング選択オプションが
- 22. jQueryイベント選択オプション
- 23. jQuery PHP選択オプション
- 24. jQueryテンプレート選択オプション
- 25. 選択したオプション
- 26. ジェンキンスゼリー選択はオプション
- 27. 複数選択オプション
- 28. djangoテンプレート選択オプション
- 29. PHPブートストラップマルチ選択オプション
- 30. foreachのオプションを選択最後の選択オプション(コードイグナイター)の値を取得
ヒントのおかげで –
私はあなたのjsonを変更する必要がありました。あなたが探していたものではありませんか? – Bettimms