DEV Community

Cover image for How to set value of input field in angular template
Adrian Matei for Codever

Posted on β€’ Originally published at codever.dev

8

How to set value of input field in angular template

To set the initial value of the input control, just use the value attribute:

<input type="text" class="form-control" placeholder="Generate Codever sharable Url"
       aria-describedby="basic-addon2"
value="{{ environment.HOST + '/bookmarks/shared/' + shareableId}}">
Enter fullscreen mode Exit fullscreen mode

Project: codever - File: social-share-dialog.component.html

To understand usage of angular environment used in this snippet (environment.HOST)
see the Configure and use environment specific values in Angular and html template snippet


Reference -

https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input


Shared with ❀️ from Codever. Use πŸ‘‰ copy to mine functionality to add it to your personal snippets collection.

Codever is open source on Githubβ­πŸ™

Heroku

Amplify your impact where it matters most β€” building exceptional apps.

Leave the infrastructure headaches to us, while you focus on pushing boundaries, realizing your vision, and making a lasting impression on your users.

Get Started

Top comments (0)

πŸ‘‹ Kindness is contagious

Engage with a wealth of insights in this thoughtful article, valued within the supportive DEV Community. Coders of every background are welcome to join in and add to our collective wisdom.

A sincere "thank you" often brightens someone’s day. Share your gratitude in the comments below!

On DEV, the act of sharing knowledge eases our journey and fortifies our community ties. Found value in this? A quick thank you to the author can make a significant impact.

Okay