angularjs:当我使用 jQuery 更改选择时 $scope 更新

Question

我正在使用 jQuery 插件来“自定义”我的选择。

选择某些选项时，此插件会触发原始选择的更改事件。

问题是我的范围没有改变。

在这里您可以看到一个快速示例...更改选择范围更改。单击选择更改但不更改范围的按钮。

http://plnkr.co/edit/pYzqeL6jrQdTNkqwF1HG?p=preview

我错过了什么？

Answer 1

您需要访问下拉列表的范围，然后按如下所示应用它:

$('button').on('click', function(){
    var newVal = $(this).data('val');
    $('select').val(newVal).change();

    var scope = angular.element($("select")).scope();
    scope.$apply(function(){
        scope.selectValue = newVal;
    });
});