title: Using ng-options for select input
body: <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>