I have this error: "undefined is not a function" ming up when trying to add a watch to the scope.

I can't find the error. Maybe i am just blind staring at this error for to long now. Why do i get a undefined function error when the $watch method is clearly defined on the scope ?

chColorPicker.controller('chColorPickerCtrl', function ($scope,$document,$element) {


    $scope.init = function (event)
    {

    }

    var colorObject = {
        r:'0', 
        g:'0', 
        b:'0', 
        hex:'#000000'
    };
    $scope = colorObject;
    $scope.Z1;
    $scope.Z2;

    var onChangeColor = function(newValue,oldValue)
    {
        console.log('change');
    }

    $scope.$watch("r",onChangeColor); //<-- the error appears here.
});

I have this error: "undefined is not a function" ming up when trying to add a watch to the scope.

I can't find the error. Maybe i am just blind staring at this error for to long now. Why do i get a undefined function error when the $watch method is clearly defined on the scope ?

chColorPicker.controller('chColorPickerCtrl', function ($scope,$document,$element) {


    $scope.init = function (event)
    {

    }

    var colorObject = {
        r:'0', 
        g:'0', 
        b:'0', 
        hex:'#000000'
    };
    $scope = colorObject;
    $scope.Z1;
    $scope.Z2;

    var onChangeColor = function(newValue,oldValue)
    {
        console.log('change');
    }

    $scope.$watch("r",onChangeColor); //<-- the error appears here.
});

• javascript
• angularjs
• html

Share Improve this question Follow asked Feb 1, 2015 at 0:30 BongoBongo 3,18355 gold badges4343 silver badges7373 bronze badges 1

• 4 Maybe because of this - $scope = colorObject; ;). – Pavel Horal Commented Feb 1, 2015 at 0:33

Add a ment  | 

1 Answer 1

Sorted by: Reset to default 7

You're changing $scope:

$scope = colorObject;//error in this line

So, you get error when you use $scope.$watch() as it's not calling angular's $scope anymore.