AngularJS watch an object property in an object array

Question

I have this data in my controller

    $scope.data = {
        home: {
            baseValue: \"1\",
            name: \"home\"
        },
        co         


        

Answer 1

Based on your question, you can use ngChange to watch changes of baseValue and trigger the function.

HTML

    Name: {{item.name}} 

    BaseValue: 

Controller

$scope.baseValueChange = function(baseValue) {
    console.log("base value change", baseValue);
}

If you a more sophisticated version which can get oldValue and newValue, you can refer to this plunkr - http://plnkr.co/edit/hqWRG13gzT9H5hxmOIkO?p=preview

HTML

    Name: {{item.name}} 

    BaseValue: 

Controller

$scope.baseValueChange = function(oldVal, newVal) {
    console.log("base value change", oldVal, newVal);
}