如何从我的 Firebase 数据库生成的列表中删除选择列表选项？答案

【问题标题】：How do I remove a select list option from a list generated from my Firebase DB?如何从我的 Firebase 数据库生成的列表中删除选择列表选项？
【发布时间】：2016-11-26 18:26:04
【问题描述】：

不确定我是否正确地处理了这个问题。我想要做的是从我的 firebase 数据库中创建一个选择的选项列表。该列表正在返回并按我的预期显示。我希望能够选择一个选项并单击“删除”按钮，这样我就可以从列表中删除选项。目前，如果我选择一个选项，所有选项都会消失。示例见this page。

我做错了什么？在这里使用 ng-options 会更好吗？

            <form name="categoryRemoveForm"  class="category-form">
                <select ng-model="cat">
                    <option ng-repeat="cat in cat.cats" value="{{cat.$id}}">{{cat.name}}</option>
                </select>  

                    <div class="row">
                        <div class="col span-1-of-3">
                            <label>&nbsp;</label>
                        </div>
                        <div class="col span-2-of-3">
                           <input type="submit" id="submit" value="Remove Category" ng-submit="removeCategory(cat)" ng-disabled='!categoryRemoveForm.$valid'/>
                        </div>                            
                    </div>                      
            </form>

【问题讨论】：

标签： angularjs firebase firebase-realtime-database

【解决方案1】：

您的选择模型被命名为cat，因此当您选择一个选项并设置模型时，ngRepeat 中的cat 由于继承而被它替换，因此cat.cats 未定义并且 ngRepeat 不能重复它

这里是展示你的价值如何变化的 plunker

http://plnkr.co/edit/qLoe8j1QyZarNjHtaHT9?p=preview

因此，您应该将模型重命名为 selectedCategory，只要 removeCategory 在同一范围内，您就不必传递模型值

【讨论】：