从md-select获取数据

Question

我正在使用角质材料来制作我的新网页应用程序，我想从一个<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>

Answer 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);
}

演示