Angular：如何在select（jQuery-UI combobox選擇）上添加事件更改？

Question

HTML：

<select style='width:60px;' combobox> 
    <option ng-repeat='item in sizePriceWeighArr' value='{{ item.id }}' price='{{ item.price }}' weight='{{ item.weight }}' size='{{ item.size }}'>{{ item.size }}</option> 
</select> 

JS：

.controller('productController', ['$scope', '$location', '$http', '$q', '$window', '$stateParams', function($scope, $location, $http, $q, $window, $stateParams) { 
    // Some code here to form array of products 
    $scope.sizePriceWeighArr = productObj.sizePriceWeigh; 
}]) 
.directive('combobox', function() { 
    return { 
     restrict: 'A', 
     link: function($scope, element, attrs) { 
      $(element).combobox();        
     } 
    } 
}) 

在指令中我形成的jQuery UI的下拉框中選擇。但我需要以某種方式捕獲選擇，控制器或指令中的更改事件。

Answer 1

您使用目前是選擇，那麼爲什麼不直接使用ngChange：

<select style='width:60px;' combobox ng-change="changeFunction()"> 
<option ng-repeat='item in sizePriceWeighArr' value='{{ item.id }}' 
price='{{ item.price }}' weight='{{ item.weight }}' size='{{ item.size }}'>  
{{ item.size }}</option> 
</select> 

JS：

.controller('productController', ['$scope', '$location', '$http', '$q', '$window', '$stateParams', function($scope, $location, $http, $q, $window, $stateParams) { 
// Some code here to form array of products 
$scope.sizePriceWeighArr = productObj.sizePriceWeigh; 

function changeFunction(){ 
    //your code. 
} 
}]) 
.directive('combobox', function() { 
return { 
    restrict: 'A', 
    link: function($scope, element, attrs) { 
     $(element).combobox();        
    } 
} 
})