Can someone help me with using the md-input and md-option elements from the ng-materials ui-components?
When I try to use it as an ng-materials object, it doesn't seem to work:
<md-input-container>
<md-select ng-model="forcast.selectedCompound">
<md-option ng-value="compound._id" ng-repeat="compound in forcast.compounds" >
{{compound.compound_number}}
</md-option>
</md-select>
</md-input-container>
However, when I use regular HTML 5 components, it does work:
<md-input-container>
<select ng-model="forcast.selectedCompound">
<option value="{{compound._id}}" ng-repeat="compound in forcast.compounds" >
{{compound.compound_number}}
</option>
</select>
</md-input-container>
I'm puzzled as to why the HTML5 element works while the ng-materials markup doesn't. Any ideas?