Angularjs 如何从Firebase DB生成的列表中删除选择列表选项？

我不确定我做得对不对。我想做的是从我的firebase db创建一个选项选择列表。列表正在返回并显示，如我所料。我希望能够选择一个选项并单击“删除”按钮，以便从列表中删除选项。当前，如果我选择一个选项，所有选项都将消失。有关示例，请参见

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

            <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>     

{{cat.name}

您选择的模型名为

cat

，因此当您选择一个选项并设置模型时，

ngRepeat

中的

cat

由于继承而被替换，因此

cat.cat

未定义，ngRepeat无法重复

这是一个演示你的价值如何变化的plunker

因此，您应该将模型重命名为类似于

selectedCategory

，只要

removeCategory

在同一范围内，您就不必传递模型值