Angularjs 如何在带有对象的Angular JS中选择选项？_Angularjs

Angularjs 如何在带有对象的Angular JS中选择选项？

angularjs

Angularjs 如何在带有对象的Angular JS中选择选项？,angularjs,Angularjs,有一个目标： $scope.type = { 1 : 'Inside', 2 : 'Outside' }; HTMLng选项： <select ng-options="key as value for (key , value) in type" ng-model="selectedType"></select> 我稍微修改了一下我的答案我会这样做： $scope.types = [ { id: 1, name:

有一个目标：

   $scope.type = {
        1 : 'Inside',
        2 : 'Outside'
    };

HTML

ng选项：

 <select ng-options="key as value for (key , value) in type" ng-model="selectedType"></select>

我稍微修改了一下我的答案

我会这样做：

$scope.types = [
   { id: 1, name: 'Inside' },
   { id: 2, name: 'Outside' }];

$scope.selectedType = $scope.type[0];

HTML:

这是普朗克：

嗨，这会解决你的问题

Index.html

<html lang="en" ng-app='myApp'>
    <head>

        <title>My AngularJS App</title>

        <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.3.15/angular.min.js"></script>
        <!-- Modules -->
        <script src="app.js"></script>
    </head>
    <body ng-controller ='MainController'>
        <div>

            <select class="form-control" >
            <!-- <option ng-value= "{{item}}" >{{item}}</option> -->
            <option ng-repeat="option in type" value="{{option.value}}" ng-selected="type.value == option.value">{{option.value}}
            </option>

        </select>               
        </div>

    </body>

这对我不起作用。选择列表为空。我得到的仍然是空的selectalways，而不是

$scope.selectedType=type[0]必须是$scope.selectedType=$scope.type[0]当我从列表中选择元素时，我需要更改$scope。在所选索引上选择type
。我更改了答案并添加了一个插件。我需要在select中选择第一个元素，而不是禁用我需要从$scope中选择第一个元素。键入Hello@Hamed我已根据要求更新了代码。
<select ng-options="t.name for t in types" ng-model="selectedType"></select>

<html lang="en" ng-app='myApp'>
    <head>

        <title>My AngularJS App</title>

        <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.3.15/angular.min.js"></script>
        <!-- Modules -->
        <script src="app.js"></script>
    </head>
    <body ng-controller ='MainController'>
        <div>

            <select class="form-control" >
            <!-- <option ng-value= "{{item}}" >{{item}}</option> -->
            <option ng-repeat="option in type" value="{{option.value}}" ng-selected="type.value == option.value">{{option.value}}
            </option>

        </select>               
        </div>

    </body>

var myApp = angular.module('myApp', []);

myApp.controller('MainController', ['$scope',
    function($scope) {
        $scope.type = [{
               "id" : 1,
               "value" : "Inside"
             },{
                "id" : 2,
               "value" : "Outside"
            }];        
    }
])