angularjs观看jquery指令值

Question

我遇到$ scope有点麻烦$ watch。这种情况是我用这个漂亮的插件来创建一个下拉： http://wenzhixin.net.cn/p/multiple-select/docs/

在我看来文件

，我有：

<select id="hid" multiple="multiple" name="hname"> 
    <option value="1">Option 1</option> 
    <option value="2">Option 2</option> 
    <option value="3">Option 3</option> 
</select> 

在我的js文件控制器

：

$('#hid').change(function() { $scope.hvalue = $(this).val() }).multipleSelect({ width: '20%', selectAll:false }) 

$scope.testwatch = [] 
$scope.$watch(function() { 
    return $scope.hvalue 
    }, function(value) { 
     if(value) { 
     $scope.testwatch = $scope.hvalue 
     } 
    }, true) 

的问题在于，当用户更改下拉菜单时，$ scope.hvalue被修改。但是，$ watch函数从未执行。任何想法为什么发生这种情况

非常感谢！

Answer 1

如果我想冒险，我想我会说，你的jquery更改函数不在角度摘要周期。

要实现你的功能，我会建议使用NG-模式在您选择的标签，并保持一个手表上NG-模式是这样的：

HTML：

<select id="hid" multiple="multiple" name="hname" ng-model="obj.hvalue"> 
    <option value="1">Option 1</option> 
    <option value="2">Option 2</option> 
    <option value="3">Option 3</option> 
</select> 

控制器：

$scope.obj = {}; 
$scope.obj.hvalue = ''; 
$scope.$watch('obj.hvalue', function(newval, oldval) { 
    console.log(newval); 
})