我试图在选择按钮中获取选项，但它没有显示。
我的代码如下：
索引.html：
<select ng-model="main.order" ng-options="order as order.title for order in main.orders"></select>
app.js:
$http.get('src/json/sortingKeys.json').success(function(response){
vm.orders = response.orders;
vm.order = vm.orders[0];
});
在它工作正常并且我在选择选项中获取值之前。但后来我想使用材料设计http://materializecss.com/about.html http://materializecss.com/about.html。
我还按照他们所说初始化了“选择”：
$(document).ready(function(){ $('select').material_select();});
尽管我正在获取 html 页面的值，但我没有将它们获取到选择选项中。请参考以下代码，我在浏览器中检查后可以看到：
<div class="select-wrapper"><input class="select-dropdown" readonly="true"
data-activates="select-options-082235b8-d9be-505d-90ab-c4cc9b9bb765" value=""
type="text"><i class="mdi-navigation-arrow-drop-down"></i>
<select class="selectOptions ng-pristine ng-untouched ng-valid initialized" ng-model="main.order"
ng-options="order as order.title for order in main.orders">
<option selected="selected" label="Year Ascending" value="object:16">Year Ascending</option>
<option label="Year Descending" value="object:17">Year Descending</option>
<option label="Title Ascending" value="object:18">Title Ascending</option>
<option label="Title Ascending" value="object:19">Title Ascending</option>
</select>
</div>
请让我知道我做错了什么。代码可以在github上找到：https://github.com/pradeepb6/firstExample/tree/master/app https://github.com/pradeepb6/firstExample/tree/master/app
我解释了如何修复它这个问题 https://github.com/Dogfalo/materialize/issues/706#issuecomment-78628345.
基本上，您需要为所有选择元素创建一个指令，它可以绑定到select元素，并调用$(element).material_select();在其链接功能中。
另外，由于它不知道来自服务器的数据何时完成，因此您需要完全阻止创建选择。 AngIf会成功的。所以你的选择将如下所示：
<select
ng-model="main.order"
ng-options="order as order.title for order in main.orders"
ng-if="main.orders">
</select>
至于指令，您可以使用this one https://gist.github.com/viniciusmelquiades/66ed8039e3709b126e52。我在我的代码中使用了它，该代码很快就会投入生产；）
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)
