2016-11-26 16 views
1

不知道我是否正確地做了這件事。我想要做的是從我的firebase數據庫中創建一個選項列表。該列表正在返回並按照我的預期顯示。我希望能夠選擇一個選項並單擊「刪除」按鈕,以便從列表中刪除選項。目前如果我選擇一個選項,所有的選項消失。一個例子見this page如何從我的Firebase DB生成的列表中刪除選擇列表選項?

我在做什麼錯?我會在這裏更好地使用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>  

回答

1

您的選擇型號被命名爲cat所以當你選擇一個選項,並設置在ngRepeatcat被它取代的模型,由於繼承,以便cat.cats是不確定的和ngRepeat不能重複它

這裏是plunker證明你的價值如何變化

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

所以,你應該模型重命名爲如selectedCategory,只要removeCategory在同一範圍內,您不必通過模型值

相關問題