Q:

Can't get changed select name in controller

Apologies for this but I'm new with angularjs.
I have a select control and the that is being populated from this markup:
<select ng-model="limit" data-ng-options="listLimit.name for listLimit in listLimits" data-ng-change="limitChanged()"></select>

Once done the option names are simply 50, 100 & 150.
The problem that I'm having is that when I change the value in the select control, the limitChanged() function doesn't appear to know the new option name selected from the control. For example:
module.controller('PageController', function ($scope) {

    // $scopr.listLimits[0] is essentially the object {name:50}
    $scope.limit = $scope.listLimits[0];

    $scope.limitChanged = function() {
        // This will log 50 (the default value) regardless of what's been selected.
        console.log($scope.limit.name);
        loadList(); // This will change the item limit.
    };
}

However, in the view, if I put {{limit}} somewhere this is updated with the value as the select control is changed. I'm confused. Can someone point me in the right direction?

A:

Turns out that this was actually being caused by a missing ng-controller attribute on the surrounding div. I guess this meant that the control didn't fall within the scope of the controller actions.

