在Bootstrap Modal中提交angularjs

Question

我有一個Bootstrap 3 Modal，其中包含可供選擇的項目列表，該列表通過Angular填充。 當您單擊列表中的項目時，我將使用一些JS填充一個隱藏字段以保存所選的值，請參見下文。 隱藏的字段綁定到$ scope。 當我提交表格時，項目沒有通過。 我已經看到許多建議我需要引用父范圍的注釋，例如ng-model =“ $ parent.Description”，但這似乎也不起作用。 有什么建議么？

$scope.OpenFavsModal = function () {
                  var url = "/GetFavs/";
                  $http.get(url)
                        .success(function (data) {
                            $scope.myData = data;
                            $('#AddFavsModal').modal('show');

                        });
              };


    <form class="form-horizonatal" ng-submit="InsertFavourite()" id="frmAddFav">
    <div class="modal fade" id="AddFavsModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" >

                <div class="modal-dialog">
                  <div class="modal-content">
                    <div class="modal-header">
                      <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                      <h4 class="modal-title"><strong>Add</strong></h4>
                    </div>
                       <div class="modal-body">

                            <input type="text" id="hidDescription" class="form-control" ng-model="myData.Description"  />
                            <input type="text" id="hidSpectRefno" class="form-control" ng-model="myData.id" />

                         <ul style="height:300px; overflow-y:scroll; float:left;" id="ulS" >

                             <li ng-repeat="fav in myData" value="{{fav.id}}" >
                                    {{fav.Description}} 
                                </li>

                         </ul>

                      </div>
                      <div class="modal-footer">
                      <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
                      <button type="submit" id="btnSubmit"  class="btn btn-primary">Save changes</button>
                    </div>


                  </div><!-- /.modal-content -->
                </div><!-- /.modal-dialog -->

              </div><!-- /.modal -->
            </form>


<script type="text/javascript" >
    $(document).ready(function () {

        $("#ulS").on("click", "li", function () {
            $("#hidDescription").val($(this).text());
            $("#hidId").val($(this).val());
        });
        });

 </script>

Answer 1

我設法通過將ng-click放在

並在click事件中傳遞“收藏夾”對象。 可能是范圍。

 <ul style="height:300px; overflow-y:scroll; float:left;" id="ul" > <li ng-repeat="fav in favourites" value="{{fav.Refno}}" ng-model="fav.Refno" ng-click="InsertFavourite(fav)"> {{fav.Description}} </li> </ul>