Add select option by using <a> in AngularJS?

Question

How can I add more select option in AngularJS example like this:

<div ng-app="MyApp" ng-controller="MyController">
    <label>Student Class:</label>
    <select id="class" name="class">
      <option>C1608G</option>
    </select>
    <a href="#" id="add" style="color: blue;">Add class</a>
</div>

mindthefrequency · Accepted Answer · 2022-04-19 17:15:26Z

1

You can use either attributes/directives:

ng-options in your select element
ng-repeat in your option element

Here's an example(suppose that you have an array of objects names 'options' in your $scope):

<select id="class" name="class" ng-options="option as option.name for option in options track by option.value">
</select>

<select id="class" name="class">
  <option ng-repeat="option in options">
     <a href="option.address">{{option.name}}</a>
  </option>
</select>

edited Apr 19, 2022 at 17:15

answered Apr 19, 2022 at 10:22

mindthefrequency

5462 silver badges11 bronze badges

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

3 Comments

Noo Over a year ago

but how could connect with <a>? And could y write angularJs code pls, i just a newbie so i don't know much about this, sorry @mindthefrequency

mindthefrequency Over a year ago

in the second provided example, you cann add whatever markup you wish inside the option element.

Noo Over a year ago

Thanks a lot!! But how about angularJS code in script

Collectives™ on Stack Overflow

Add select option by using <a> in AngularJS?

1 Answer 1

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related