Jaison Peter

<div>
I am able to see the drop-down values in the view source, there are few console errors, I will get back to you, once the errors are fixed.
</div>


I am able to see the drop-down values in the view source, there are few console errors, I will get back to you, once the errors are fixed.

<div>
Issue solved when i fixed those console errors , thanks!
</div>


Issue solved when i fixed those console errors , thanks!

<div>
The proposed solution led to finding and fixing the console errors.
</div>


The proposed solution led to finding and fixing the console errors.

<div>
<div class="content wysiwyg-content">
The below code is not populating dropdown values<br />
<br />

<pre><code id="code-10-29102544-1">&lt;div class=&quot;col-md-4&quot;&gt;
  &lt;div class=&quot;form-group&quot;&gt;
    Usecase:
    &lt;select id=&quot;select&quot; formControlName=&quot;schedulerjobtype&quot;&gt;
      &lt;option *ngFor=&quot;let g of scheduleTypeList&quot; [value]=&quot;g&quot;&gt; {{g}}
      &lt;/option&gt;
    &lt;/select&gt;
  &lt;/div&gt;
&lt;/div&gt;</code></pre>
But the below code is populating dropdown values<br />
<br />

<pre><code id="code-10-29102544-2">&lt;div class=&quot;col-md-12&quot;&gt;
  &lt;div class=&quot;form-group&quot;&gt;
    Usecase:
    &lt;select id=&quot;select&quot; formControlName=&quot;schedulerjobtype&quot;&gt;
      &lt;option *ngFor=&quot;let g of scheduleTypeList&quot; [value]=&quot;g&quot;&gt; {{g}}
      &lt;/option&gt;
    &lt;/select&gt;
  &lt;/div&gt;
&lt;/div&gt;</code></pre>
When I increase the column width of the bootstrap grid from col-md-4 to col-md-12 (which is 3 cells to 1 cell) I am able to populate the drop-down. What would I do to populate the drop-down populated when the grid column width is 4?
</div>
</div>


The below code is not populating dropdown values

(CODE)
But the below code is populating dropdown values

(CODE)
When I increase the column width of the bootstrap grid from col-md-4 to col-md-12 (which is 3 cells to 1 cell) I am able to populate the drop-down. What would I do to populate the drop-down populated when the grid column width is 4?

Angular drop-down not populating when the bootstrap cell width is small

jQuery (Core) is a cross-browser JavaScript library that provides abstractions for common client-side tasks such as Document Object Model (DOM) traversal, DOM manipulation, event handling, animation and Ajax. jQuery also provides a platform to create plugins that extend jQuery's capabilities beyond those already provided by the library.

jQuery

Bootstrap is a free and open-source collection of tools for creating websites and web applications. It contains HTML- and CSS-based design templates for typography, forms, buttons, navigation and other interface components, as well as optional JavaScript extensions. It aims to ease the development of dynamic websites and web applications. Bootstrap is a front end web framework, that is, an interface for the user, unlike the server-side code which resides on the "back end" or server.

Bootstrap

Angular is a JavaScript open-source web application framework used to develop single-page applications. It aims to simplify both the development and the testing of such applications by providing a framework for client-side model–view–controller (MVC) and model–view–view-model (MVVM) architectures, along with components commonly used in rich Internet applications. Angular is the front-end part of the MEAN stack, together with Node.js runtime, Express.js backend framework and MongoDB database.