how to access data from scope object

Question

I need to get data from $scope.List2 object:

<div ng-app="App">
  <div id="firstlist" ng-controller="Controller">
    <table id="requesttable" class="RequestTable">
      <tr ng-repeat="item2 in List2">
        <td class="selectedItem">{{item2.Title}}</td>
      </tr>
    </table>
    <button id="Reqbutton" onclick="SendRequest()">Send</button>
  </div>
</div>

The problem is that if I put SendRequest function inside controller then it cannot be called (I get "SendRequest() is not defined" message). And if I put the function outside the controller I cannot access List2. What do I miss?

Attach SendRequest to your $scope and use ng-click instead of click. But before, follow the whole tutorial ;) — sp00m
– sp00m, Commented Jul 31, 2014 at 12:59

David Bohunek · Accepted Answer · 2014-07-31 13:08:51Z

1

As @sp00m suggested. You should use ng-click instead of onclick on the button. The html would look like this then:

<button id="Reqbutton" ng-click="sendRequest()">Send</button>

In your controller

app.controller('testController', ['$scope', function {
    $scope.list2 = [];

    $scope.sendRequest = function() {
        var test = $scope.list2;    
        ...
    };

}]);

answered Jul 31, 2014 at 13:08

David Bohunek

3,2011 gold badge24 silver badges26 bronze badges

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

Collectives™ on Stack Overflow

how to access data from scope object

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