Bootstrap角度模態問題

Question

對於我的應用程序（使用流星/ urigo在Meteor中編寫），我有一個按鈕，單擊該按鈕會顯示一個模型。

碼：

   <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
     <div class="modal-dialog" role="document">
         <div class="modal-content">

           <div class="modal-body" ng-controller="formCtrl">
             <div ng-repeat="item in meal.items">
                <label>Item {{$index+1}} :
                    <input type="text" class="item" ng-model="item.name"><br>
                </label>
                <label>Calories :
                    <input type="number" class="calories" ng-model="item.cal">
                </label>
                <br>
             </div>
           </div>

           <div class="modal-footer">
              <button ng-click="addItem()" type="button" class="btn btn-primary">+Item</button>
           </div>
       </div>
    </div>
   </div>
 </div>

在第一個“模態主體”類中，我非常有信心自己的代碼是正確的，因為它是我以前所做的，而現在我只是實現了引導程序以使它看起來更優雅。

問題出現在“ modal-footer”類中，其中第二個按鈕的ng-click應該產生2個輸入：

 Item 1 : [______]
 Calories : [_______]

但是由於某種原因，它不會執行該功能。 在過去的8個小時里，我一直在盯着這個試圖找到錯誤，但是我似乎找不到任何錯誤。

Answer 1

您正在外部調用formCtrl方法。 移動ng-controller上的屬性div.modal-content ，或移動button在div內側保持ng-controller屬性