Angularjs ng-click not working

Question

Im trying to update some data when the map button is clicked, but the ng-click function doesnt seem to work. Below is my code.

<textarea id="xmltest" class="form-control"  style="margin-top:2%; width: 60%;" rows="10" >
Resulting definition:<![CDATA[<?xml version='1.0' encoding='UTF-8'?>
<ColumnMapping>
    {{result}}
    <mapping targetIndex='0' sourceIndex='0' dataType='String' businessKey='1' alias='Practice'/>
    <mapping targetIndex='1' sourceIndex='1' dataType='String' businessKey='0' alias='Client_Name'/>
</ColumnMapping>
]]> 
</textarea>

<a style="margin-top: 10%;margin-right: -70%" href="#" class="btn btn-primary"  ng-click="mapFields()"  id="MappingFields">Map</a>

<script type="text/javascript">
    mapFields = function($scope){
    $scope.result= "Code works";
    };
</script>
</body>

When I click on the map button, nothing happens. No error is also getting displayed. Any help on this is much appreciated. Thanks in Advance

Where is ng-click="mapFields()" function?

Sathish
– Sathish

2016-09-27 10:17:24 +00:00
Commented Sep 27, 2016 at 10:17 — Sathish
– Sathish, Commented Sep 27, 2016 at 10:17
you code is more obscure and confusing

Shushanth Pallegar
– Shushanth Pallegar

2016-09-27 10:17:31 +00:00
Commented Sep 27, 2016 at 10:17 — Shushanth Pallegar
– Shushanth Pallegar, Commented Sep 27, 2016 at 10:17
how come your passing $scope as argument? to a function

Shushanth Pallegar
– Shushanth Pallegar

2016-09-27 10:17:55 +00:00
Commented Sep 27, 2016 at 10:17 — Shushanth Pallegar
– Shushanth Pallegar, Commented Sep 27, 2016 at 10:17

Sajeetharan · Accepted Answer · 2016-09-27 10:33:29Z

4

According to your view ng-click="mapFields()" it does not pass any argument,

HTML:

 <body ng-controller="dobController">
     <button ng-click="mapFields()">show result </button>
     {{result}}
  </body>

so,your function should be

var app = angular.module('todoApp', [])
app.controller("dobController", ["$scope",
  function($scope) {
    $scope.mapFields = function() {
      $scope.result = "Code works";
    };

  }
]);

DEMO

edited Sep 27, 2016 at 10:33

answered Sep 27, 2016 at 10:17

Sajeetharan

223k65 gold badges369 silver badges409 bronze badges

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

3 Comments

Sathish Over a year ago

I am not downvoted. Without controller how is accesible?

vr3w3c9 Over a year ago

@Sajeetharan, i tried the above.But getting an error Uncaught ReferenceError: $scope is not defined

Sajeetharan Over a year ago

@vr3w3c9 check the demo

Collectives™ on Stack Overflow

Angularjs ng-click not working

1 Answer 1

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related