Change ng-click value dynamically

Question

var app=angular.module('ang',[]);
app.controller('ctr',function($scope){

$scope.run=function(){alert("run")}
$scope.break=function(){alert("break")}

})

.test{width:160px;height:30px;background-color:green;color:white}

<!DOCTYPE html>
<html>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.4/angular.min.js"></script>
  <body>

    <div ng-app="ang" ng-controller='ctr'>
 
      <button class="test" ng-click="a?'run()':'break()'">click=calling...{{a?'run()':'break()'}}</button>
    <button ng-click="a=!a">click me</button>{{a}}

    </div>

  </body>
</html>

Here i want to dynamically change the value of ng-click based on a value using conditional statement,but it is not working as expected.Please help me out Thanks in advance

Possible duplicate of In Angularjs, how do I use ng-repeat, ng-model, and ng-click to dynamically change content? — geminiousgoel
– geminiousgoel, Commented Jun 1, 2017 at 5:38

Ram_T · Accepted Answer · 2017-06-01 05:15:01Z

4

Change this line shown as below

Because it is already interpolated. You need not to mention ' ' again to call the scope function

<button class="test" ng-click="a?run():break()">click=calling...{{a?'run()':'break()'}}</button>

answered Jun 1, 2017 at 5:15

Ram_T

8,50411 gold badges42 silver badges64 bronze badges

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

Comments

Sachila Ranawaka · Accepted Answer · 2017-06-01 05:13:10Z

1

remove the single quote in the function

change this

{{a?'run()':'break()'}}

to this

{{a?run():break()}}

var app=angular.module('ang',[]);
app.controller('ctr',function($scope){

$scope.run=function(){alert("run")}
$scope.break=function(){alert("break")}

})

.test{width:160px;height:30px;background-color:green;color:white}

<!DOCTYPE html>
<html>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.4/angular.min.js"></script>
  <body>

    <div ng-app="ang" ng-controller='ctr'>
 
      <div class="test" ng-click="a?'run()':'break()'">click=calling....{{a?run():break()}}</div>
    <button ng-click="a=!a">click me</button>{{a}}

    </div>

  </body>
</html>

answered Jun 1, 2017 at 5:13

Sachila Ranawaka

41.6k8 gold badges62 silver badges87 bronze badges

2 Comments

Abhishek Over a year ago

OHHH,Thank yOU verymuch :)

Sachila Ranawaka Over a year ago

@Abhishek no problem make sure to check as answer if this helped :D

Collectives™ on Stack Overflow

Change ng-click value dynamically

2 Answers 2

Comments

2 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related