javascript - 选项没有显示在我的选择标签中 | Angular 和 ionic

Question

我想显示我的选项(category in categories 的 category.name):

<div class="row" style="margin-bottom:15px;padding:0;padding-top:0px;padding-bottom:0px;">
<div class="col col-white" style="height:45px;background-color:#EDEEF1;padding-top:6px">
    <div class="list" style="max-width:80%;margin-left:10%">
        <label class="item item-input item-select" style="border:none;padding:0;border-radius:25px;color:black">
            <div class="input-label" style="color:grey; margin-left:auto; margin-right:auto;z-index:9999">
                {{selectedCategory.name.name ? selectedCategory.name.name : 'Välj kategori'}}
            </div>
            <select ng-click="test()" id="helloo" ng-model="selectedCategory" ng-options="category.name for category in categories">
                <option selected value="">Välj kategori</option>
            </select>
        </label>
    </div>
</div>

但由于某些原因，它们不会显示。我四处询问，有人说它与某些 innerHTML 有关，其他人说这是我的 CSS 造成的。感觉这个bug没有任何解决办法!!

但是，当我检查元素时，我可以使用 Chrome 开发工具看到我所有的选项标签，但在我的浏览器中看不到。

我非常感谢能得到的所有帮助!

Answer 1

使用 category.name.name 而不是 category.name

<select ng-change="test()" ng-model="selectedCategory" 
 ng-options="category.name.name for category in categories">
   <option selected value="">Välj kategori</option>
</select>