2016-07-15 3 views
0

角度素材デザイン で実装されたマルチ選択ドロップダウンリストがあり、それが動作している場合、すべての可能なオプション(カテゴリ)がロードされ、Multi selectドロップダウンリストのselect/unselectアイテムに基づいてデータベースを更新

このドロップダウンリストでselect/unselectに基づいてデータベースを更新したいとします。 どうすればいいですか?

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

答えて

1

はちょうどこの例取ると$ 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

それはできるだけ早くあなたがチェックしてあなたのコントローラの値を取得します。このng-change directive

チェック/チェックを外し(機能)は、データベースを更新するには、クエリ関数を呼び出します。それが役に立てば幸い。

関連する問題