在angularjs中选择选项答案

【问题标题】：Select option in angularjs在angularjs中选择选项
【发布时间】：2016-09-03 03:52:50
【问题描述】：

我在选择选项时遇到问题。我需要根据 GlassTypes 选择 Glasstypes 及其子类型，并根据子类型选择 glass-thickness。我的 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", } ] } ] ] 第一个选择类型输入选择类型，另一个选择填充子选择，另一个选择填充厚度。任何一个帮助或给出一点提示。在 angularjs 中

【问题讨论】：

标签： angularjs select ng-repeat

【解决方案1】：

请运行代码 sn-p 来查看它的实际效果（希望这就是您要找的吗？！）

(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>

【讨论】：

我必须更改您的 json 才能正常工作。这不是你要找的吗？！