How to use dynamic concatenated name for text-box in angular?Ask Questions

 Posted on 16/07/2018 3:28:56 PM

hi I have a code like the following

<div *ngFor="let mobile of mobileList; let moIndx = index;">
         <div class="peopleMobileTxtDiv">

                 <input [disabled]="mobile.disabled" class="peopleMobileTxtBox" type="text" name={{mobile.no}}+"moIndx"
                            [value]="mobile.no" [(ngModel)]="mobile.no" required>
        </div>
</div>

I need to make the texbox name a combination of string + index dynamically. If the texbox name is same, as I change value of one all gets changed. So I tried to do as shown but its an error...

Share On: facebook gplus twitter
profile
Asked by Hardik Bera on 16/07/2018 3:28:56 PM Score: 375 points
Add Comment:
Submit

Comments

1 Answer

1 Corrected Answers
Aproved Answers
2
Profile
Answered by Shailesh Chaudhary on Jul 27 2018 6:58AM Score: 681 points

This may be help to you.

 <input [disabled]="mobile.disabled" class="peopleMobileTxtBox" type="text" name={{mobile.no+""+moIndex }}"
                            [value]="mobile.no" [(ngModel)]="mobile.no" required>

 

or u can take scope variable for name and concatenate value and assign to that varialble

Add Comment:

Post Your Answer

  •  
  •  

Existing Members

Sign in to your account
Email Address
Password
...or Join us
Download, Vote, Comment, Publish.
Full Name
Email Address
I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the StoodQ newsletters
Guideline to answer a question:

Useful tips to submit your answer
Please read below guidelines before you submit your answer for question.

  • Read and understand question for which you are submitting your answer.
  • Try to avoid grammatical and spell mistake while answering.
  • Do not post any irrelevant information in your answer.
  • Explain your answer with example or any reference link to help who posted question.
  • If you find irrelevant question, please report it to support. Click here to contact support.
  • You agree to the privacy policy and terms of use to submit any contents.

Note: StoodQ is online developers community which helps developer for their difficulty, lets help them with your value contribution.