所选值不适用于 md select AngularJS答案

【问题标题】：Selected value doesn't apply for md select AngularJS所选值不适用于 md select AngularJS
【发布时间】：2018-01-09 19:00:23
【问题描述】：

我正在使用 AngularJS 材质选择选项，我想将当前选择的值设置为选项。我尝试了不同的方法并且没有工作。这是我尝试过的。当用户单击时，它应该触发 on 更改。

  <div flex>
    <md-select ng-model="$callcenterController.selectedLanguage"  ng-change="$callcenterController.languageChange($callcenterHomeController.selectedLanguage.name)" placeholder="{{$callcenterController.selectLanguageLabel}}" ng-model-options="{trackBy: 'languages.name' }"
    >
        <md-option ng-value="languages" ng-repeat="languages in $callcenterHomeController.languageList"> {{ languages.name }}</md-option>
    </md-select>

【问题讨论】：

md-option 本身被选中，不需要ng-change。您可以在此处添加非工作示例以进行更多研发。
我对 ng-change 没有任何问题。请根据我的问题回答

标签： angularjs angularjs-material

【解决方案1】：

试试这个

angular.module('MyApp', ['ngMaterial'])
.controller('MyCtrl', function ($scope) {
  $scope.languageList = [
    {
      id: 1,
      name: "option 1"
    },
    {
      id: 2,
      name: "option 2"
    },
    {
      id: 3,
      name: "option 3"
    }

  ];
});

<html ng-app="MyApp">
  <head>
    <link href="https://rawgit.com/angular/bower-material/master/angular-material.css" rel="stylesheet"/>
  </head>
  <body>
		<div ng-controller="MyCtrl" layout layout-align="center center">
			<md-select ng-model="myModel" placeholder="Pick">
				<md-option ng-value="{{ languages.id }}" ng-repeat="languages in languageList"> {{ languages.name }}</md-option>
			</md-select>
		</div>
		<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.3.8/angular.js"></script>
		<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.3.8/angular-animate.js"></script>
		<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.3.8/angular-aria.js"></script>
		<script src="https://rawgit.com/angular/bower-material/master/angular-material.js"></script>
  </body>
</html>

【讨论】：

你只改变了ng-value？我试过了还是不行
我想我已经分享了一个工作示例。可能还有其他问题。
在你的例子中，你在哪里设置值？
这里我们不需要应用任何逻辑。通常在下拉列表中，当您选择任何项目时，它会以与 md-select 相同的方式自动选择其值。