angularjs button event not firing when clicked

Question

I'm missing something here in the wiring. When the button is clicked the alert in the method isn't displayed.

  <div id="mapFilter" ng-controller="MapsController">
   <div>
     <h3>{{SelectedCustomer.officeName}}</h3>
     <input type="button" ng-click="getProperties()" value="Get Data" />
   </div>

   <div>
     <p>hotel count: {{allHotels.length}}</p>
     <p>preferred count: {{preferredHotels.length}}</p>
   </div>
 </div>

The expected execution point:

    $scope.getProperties =  function () {
    var msg = 'Unable to load Properties: ';

    alert("getProperties");

Plunkr:

http://plnkr.co/edit/4eF1Wu4tURysTji0b5kO?p=preview

Thanks!

Just couple of typos.. plnkr.co/edit/7o56S8?p=preview Marking for closure. — PSL
– PSL, Commented Oct 12, 2014 at 16:42

Reto Aebersold · Accepted Answer · 2014-10-12 16:39:47Z

1

You have to add the ng-app directive to auto-bootstrap your application:

<body ng-app="main">

You will then get some errors in your plunker that you have to fix first (i.e. load ng-resource, ...)

answered Oct 12, 2014 at 16:39

Reto Aebersold

16.7k5 gold badges58 silver badges76 bronze badges

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

Collectives™ on Stack Overflow

angularjs button event not firing when clicked

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