Select event onchage

• Kết hợp angular với jquery
• Một số ứng dụng hay gặp trong angular

Select event onchage trong angular

Ví dụ select event onchage

 

Ví dụ:
   Tháng: <select ng-model="selectedThang" ng-options="x for x in ThangDS" ng-change="ThayDoiThang()"></select>
*** Bắt buộc phải có ng-model, nếu không sẽ ko dùng được sự kiện ng-change
<script type="text/javascript">
 
    var app = angular.module("myApp", []);
    app.controller('myCtrl', function($scope, $http,$timeout){
      
        $scope.ThangDS = [1, 2, 3,4,5,6,7,8,9,10,11,12];
        const d = new Date();
        let month = d.getMonth();
        
        $scope.selectedThang=month+1;

    
    $scope.ThayDoiThang = function () {      
       alert($scope.selectedThang);
    }
</script>

 

Ví dụ 2:

$scope.CotTimDS = [{id: '0', name: "Tất cả"},{id: 'DTCo_1', name: "Tên sản phẩm"}];

 <select class='form-control' ng-model="CotTim"  >
                <option ng-repeat="x in CotTimDS" value="{{x.id}}">{{x.name}}</option>
 </select>