从md-select获取数据

时间:2016-11-03 11:47:07

标签: angularjs angular-material

我正在使用Angular Material制作我的新网络应用程序,我想从<md-select>获取所选值,问题是我是angularjs的新手以及它是如何工作的。如果有人能帮助我,那将非常感激。

HTML:

<md-input-container>
        <label>Rating</label>
         <md-select ng-model="userRating">
            <md-option><em>None</em>
            </md-option>
            <md-option ng-repeat="rate in ratings" ng-value="rate.abbrev">
                {{rate.abbrev}}
            </md-option>
        </md-select>
</md-input-container>

1 个答案:

答案 0 :(得分:1)

您可以使用$ scope 变量获取价值

在控制器中

<强> console.log($scope.userRating);

为了在更改时获取所选值,您可以将所选值传递给函数并显示

<md-select ng-change="Print()" class="inline-flex md-select-down" placeholder="Select" ng-model="model">
      <md-option ng-repeat="item in ratings" value="{{item.value}}">
        {{item.abbrev}}
      </md-option>
 </md-select>

<强>控制器:

$scope.Print = function(){
        alert($scope.model);
}

<强> DEMO