Html 在angularjs材质中设置下拉列表的默认值

我用angularjs materials v1制作了这个简单的网页，如下所示

这里是html代码

<div ng-controller="room_controller" class="md-padding" ng-cloak layout="column">
    <md-card>
        <md-card-title>
            <md-card-title-text>
                <span class="md-headline">Room settings</span>
            </md-card-title-text>
        </md-card-title>
        <md-card-content>
            <div layout="row" layout-align="space-between center">
                <span>Room</span>
                <md-select ng-model="mode" placeholder="Mode1" class="md-no-underline">
                    <md-option value="auto">Mode1</md-option>
                    <md-option value="manual">Mode2</md-option>
                </md-select>
                <md-select ng-model="channel_number" placeholder="1" class="md-no-underline">
                    <md-option value="1">1</md-option>
                    <md-option value="2">2</md-option>
                    <md-option value="3">3</md-option>
                </md-select>
            </div>
        </md-card-content>
    <md-card>
</div>

我希望中间的dropbox列表的默认选项为手动。因此，默认情况下，文本模式2将出现在下拉框列表中。

您需要在控制器中设置ng模式，并将模式设置为手动模式

var app = angular.module('app', ["ngMaterial"]);

app.controller('myCtrl', function($scope) {
  $scope.mode = 'manual'

});

演示

//代码在这里 var app=角度。模块'app'，[ngMaterial]； 应用程序控制器'myCtrl'，函数$scope{ $scope.mode='manual' }; 使用材料0.11.0选择测试角度md 房间 模式1 模式2 1. 2. 3. 返回值：{{mode}}

---

为了做得更好，在你的控制器中你应该有

.controller('room_controller', ['$scope', function ($scope) {
    $scope.modes = [
        { val: 'auto', label: 'Mode 1' },
        { val: 'manual', label: 'Mode 2' }
    ]

    // Selected value
    $scope.selectedMode = { val: 'manual', label: 'Mode 2' };
}])

并按如下方式呈现html：

<md-select ng-model="selectedMode" ng-model-options="{trackBy: '$value.val'}">
  <md-option ng-value="mode" ng-repeat="mode in modes">{{ mode.label }}</md-option>
</md-select>

---

这是一个

您只需要向angularjs控制器添加一行$scope.mode='manual'

.controller('room_controller', ['$scope', 
    function ($scope) {
        $scope.mode = 'manual'
    }])

---

$scope.mode='manual'仅此而已？这么简单？让我试试看。我觉得自己很愚蠢。

.controller('room_controller', ['$scope', 
    function ($scope) {
        $scope.mode = 'manual'
    }])