AngularJs: ng-click not working for certain case

Question

There is clearly something fundamental but I can't search any other useful posts on this.

For first case, it worked as expected. When click on button B, I am getting 2. For second case, it is not working anymore when I changed the numbers to A&B. Please find the code as below.

First Case

<p>Click the button:</p>

<button ng-click="name = 1" ng_init="name=0">A</button>
<button ng-click="name = 2" ng_init="name=0">B</button>

<p>This is {{name}}.</p>

Second Case

<p>Click the button:</p>

<button ng-click="name = A" ng_init="name=0">A</button>
<button ng-click="name = B" ng_init="name=0">B</button>

<p>This is {{name}}.</p>

I guess it is not ng_init..... it is ng-init

ojus kulkarni
– ojus kulkarni

2016-08-31 15:58:23 +00:00
Commented Aug 31, 2016 at 15:58 — ojus kulkarni
– ojus kulkarni, Commented Aug 31, 2016 at 15:58

JB Nizet · Accepted Answer · 2016-08-31 15:31:10Z

3

name = A

assigns the value of $scope.A to $scope.name. I assume you don't have any property named A in the scope, so name is set to undefined. You probably want

name = 'A'

answered Aug 31, 2016 at 15:31

JB Nizet

694k94 gold badges1.3k silver badges1.3k bronze badges

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

1 Comment

Thy Over a year ago

Thanks a lot! it works after putting in the single quote.

Gustavo Gabriel · Accepted Answer · 2016-08-31 15:34:39Z

0

A and B are probably strings, so you should assign it as a string.

<button ng-click="name = 'A' " ng_init="name=0">A</button>
<button ng-click="name = 'B' " ng_init="name=0">B</button>

Hope it helps :)

answered Aug 31, 2016 at 15:34

Gustavo Gabriel

1,2963 gold badges17 silver badges29 bronze badges

Collectives™ on Stack Overflow

AngularJs: ng-click not working for certain case

2 Answers 2

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related