Question

我有一个使用角度材质设计实现的多选下拉列表并且它正在工作，它会加载所有可能的选项（类别），并检查已选择的项目。

我想在此下拉列表中根据select / unselect更新数据库。我怎么能这样做？

<md-select ng-model="SelectedItems" multiple>
    <md-option ng-repeat="item in Categories">{{item}}</md-option>
</md-select>

Answer 1

检查此ng-change directive

只要您选中/取消选中（函数）然后调用查询函数来更新数据库，它就会在控制器中获取值。希望它有所帮助。

Answer 2

以这个为例，用$ scope.onChange函数

编写更新代码

<强> HTML

 <div ng-controller="MyCtrl" layout layout-align="center center">
    <md-select ng-model="myModel" placeholder="Pick" ng-change="onChange(myModel)" >
        <md-option value="0">Zero</md-option>
        <md-option value="1">One</md-option>
    </md-select>
</div>

<强> JS

angular.module('MyApp', ['ngMaterial'])
.controller('MyCtrl', function ($scope) {
    $scope.onChange = function(k) {
alert(k);
        //your code here for storing in db
    };


})

根据多选下拉列表中的选择/取消选择项目更新数据库

2 个答案: