How to bind $index inside a function in angular js

Question

I have repeated a div by using angular js ng-repeat

<div ng-repeat="exampleData in example">
<input type="text" id="{{ $index }}percentage"/>
<button type="btn btn-success" ng-click="submitted('{{ $index }}fromHours')">Submit</button>
</div>

So, when I click on submit button submitted method will be called with input feilds id passed as parameter in it,

Please take a look at the js code below :

$scope.submitted = function(percentage){
console.log($('#'+percentage).val());
}

Now when I use the parameter and print its value I'm getting error, Saying

Syntax error, unrecognized expression: #{{ $index }}percentage

How should I get the exact value of the input type with {{ $index }}percentage as ID

I have written $index to have the unique id as the text box will be repeated many times.

Please help, thanks in advance :)

Sachila Ranawaka · Accepted Answer · 2017-08-04 07:18:13Z

1

remove the expressions when you pass an index to a ng-click function.

ng-click="submitted($index + 'fromHours')">

answered Aug 4, 2017 at 7:18

Sachila Ranawaka

41.6k8 gold badges62 silver badges87 bronze badges

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

1 Comment

Sachila Ranawaka Over a year ago

@Harish nice. make sure to check as right answer if this helped

Shahzad · Accepted Answer · 2017-08-04 07:20:36Z

1

Try this

<input type="text" ng-id="$index + 'percentage'"/>

verify in the HTML if this value is properly populated.

Same is applicable to button as well

<button type="btn btn-success" ng-click="submitted($index + 'fromHours')">

answered Aug 4, 2017 at 7:20

Shahzad

1,7131 gold badge13 silver badges26 bronze badges

Comments

user8317956 · Accepted Answer · 2017-08-04 07:23:32Z

1

<input type="text" ng-id="$index + 'percentage'"/>

<button type="btn btn-success" ng-click="submitted('$index + 'fromHours')">Submit</button>

Do it this way.

answered Aug 4, 2017 at 7:23

user8317956

Collectives™ on Stack Overflow

How to bind $index inside a function in angular js

3 Answers 3

1 Comment

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

1 Comment

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related