Using ng-options for select input
<p>I am using ng-options for select input.But it is just not populating the drop down list.I am using materialize css  as css framework.</p>

<p>Here is my code</p>

<pre><code>&lt;div class="col s6" &gt;
    &lt;select ng-options="bucket.id as bucket.name for bucket in buckets track by bucket.id" ng-model="new_transaction.bucket"&gt;&lt;/select&gt;
&lt;/div&gt;
</code></pre>

<p>Js Code</p>

<pre><code>$scope.new_transaction = {
    "bucket":""
}

$scope.buckets = [
    {
        id:1,
        name:"bucket-1"
    },
    {
        id:2,
        name:"bucket-2"
    }
]

$(document).ready(function() {
    // the "href" attribute of .modal-trigger must specify the modal ID that wants to be triggered
    $('select').material_select();
});
</code></pre>

<p>Note :There are no errors in the console.
And the inspect element on the dropdown element shows me </p>

<pre><code>&lt;div class="select-wrapper"&gt;
   &lt;span class="caret"&gt;▼&lt;/span&gt;
    &lt;input type="text" class="select-dropdown" readonly="true" data-activates="select-options-b1cded87-bee7-c9cd-5564-c613f7439e7a" value=""&gt;
    &lt;ul id="select-options-b1cded87-bee7-c9cd-5564-c613f7439e7a" class="dropdown-content select-dropdown" style="width: 294px; position: absolute; top: 0px; left: 0px; opacity: 1; display: none;"&gt;
    &lt;/ul&gt;
    &lt;select ng-options="bucket.id as bucket.name for bucket in buckets track by bucket.id" ng-model="new_transaction.bucket_id" class="initialized ng-pristine ng-untouched ng-valid"&gt;&lt;option value="?" selected="selected"&gt;&lt;/option&gt;
 &lt;option label="Bucket-1" value="1"&gt;Bucket-1&lt;/option&gt;
 &lt;option label="Bucket-2" value="2"&gt;Bucket-2&lt;/option&gt;&lt;/select&gt;
</code></pre>

<p></p>