angular和jquery:绑定不刷新

时间:2014-08-13 14:21:30

标签: angularjs

我有一个jquery colorPicker组件。 在myApp.js中,我使用了该片段:

    myApp.controller('chatController', function ($scope) {
    $scope.texts = [];      
    $scope.color = "#00FF00";
    $scope.test = "before";

$('button#color').simpleColorPicker({ onChangeColor: function(color) {
        console.log(color);
        $scope.color = "#FF0000";
        $scope.test = "after";
     } });

我的视图中有{{color}}和{{test}}。

问题是:当colorPicker触发器发生变化时,这不会反映出来! 相反,我需要刷新一些其他数据绑定,然后{{test}}和{{color}}更改。

有什么问题?

1 个答案:

答案 0 :(得分:1)

$scope.test = "after";
$scope.$apply(); // tells Angular to update all the bindings