Angularjs使用角度材料选择选项答案

【问题标题】：Angularjs select option using angular materialAngularjs使用角度材料选择选项
【发布时间】：2015-06-18 20:09:19
【问题描述】：

我正在尝试在我的代码中实现 AngularJS 材质实现，但我遇到了一个选择选项。使用 AngularJS "base" 我的选择是这样的：

<select ng-model="search.filter" ng-options="data.description for data in search.getItmes.data" ng-change="search.initParams();"></select>

现在，使用 AngularJS 材料我无法理解传递的值...我尝试以这种方式但它不起作用：

<md-select placeholder="Choose" ng-model="search.filter" ng-change="search.initParams();">
   <md-option ng-repeat="item in search.getItmes.data" value="{{item}}">{{item.description}}</md-option>
</md-select>

它正确地向我显示了选项，但它没有传递值。

【问题讨论】：

getItmes 在你的例子中只是一个错字吗？
你到底是什么意思？顺便说一句，我认为问题在于 ng-option 的结构（data.description for....）与“for”问题..从简单的角度选择选项到角度材料的传递缺少一些东西。 .但我不知道是什么！
在你的例子中，你有 getItmes，而不是 getItems
我解决了用 ng-value 改变值

标签： javascript angularjs angular-material

【解决方案1】：

如下更新yr md-option。您在 md-option 中使用“ng-value”将选定的值传递给 yr ng-model。

<md-select placeholder="Choose" ng-model="search.filter">
    <md-option ng-value="item" ng-repeat="item in search.getItmes.data">    
         {{item.description}}
    </md-option>
</md-select>

【讨论】：