Angular - ng-click doesn't work

Question

In my view I have:

<button ng-click="getPerson()">test</button>
<ul>
    <li ng-repeat="person in persons">{{ person.name + ' - ' + person.username }}</li>
</ul>

The ul-part works fine, but getPerson() is not called when I click the button? The alert is not shown.

My controller:

app.controller('personsController', function ($scope, personsService) {
getPersons();
function getPersons() {
    personsService.getPersons()
        .success(function (persons) {
            $scope.persons = persons;
        })
        .error(function (error) {
            $scope.status = 'Error: ' + error.message;
        });
}

function getPerson() {
    alert('tst');
}
});

Am I doing something wrong?

tymeJV · Accepted Answer · 2014-07-25 14:10:53Z

12

The function needs to be on the $scope: Change:

function getPerson() {

To:

$scope.getPerson = function() {

answered Jul 25, 2014 at 14:10

tymeJV

105k14 gold badges165 silver badges158 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Angular - ng-click doesn't work

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related