以编程方式更改md-select中的所选项目

Question

我想最初(在页面加载时)在md-select中设置当前的schoolclass项.

此代码设置选定的学校类,但不会在md-select视觉上反映出来.

$scope.selectedSchoolclass = schoolclasses.length > 0 ? schoolclasses[0] : null;

<md-input-container>
    <label>Schoolclasses</label>
    <md-select ng-model="selectedSchoolclass"  md-on-close="getPupils()">
        <md-option ng-repeat="s in schoolclasses" ng-value="{{s}}">
            {{s.schoolclassNumber}}
        </md-option>
    </md-select>
</md-input-container>

当我使用md-selected="$first"它然后在视觉上选择,md-select但我得到一个计算属性的错误,似乎首先在$ first之前评估.因此,我不能将第一个学校课程设置为html中选定的学校课程.我必须通过控制器中的JS来完成它.

我怎样才能做到这一点？

Answer 1

你很亲密 只是改变

<md-option ng-repeat="s in schoolclasses" ng-value="{{s}}">

至

<md-option ng-repeat="s in schoolclasses" ng-value="s">

ng-value已经预期了一个角度表达式(见这里),所以你不需要用{{}}来评估表达式.

编辑:

而且,我认为你的意思是:

$scope.selectedSchoolclass = $scope.schoolclasses.length > 0 ? $scope.schoolclasses[0] : null;

schoolclasses需要是$ scope.schoolclasses,因为你在模板中引用它.