Question

为什么双向绑定不能使用同一个控制器的模态？

我有一个使用控制器中ng模型的模态，但每当更改模态上的数据时，它都不会在控制器中发生变化。

控制器： createEventController 拿着物品

$scope.newEvent = 
        {
            "name": "",
            "location": "",
            "latitude": "",
            "longitude": ""
            "taxoption": 
                    {
                        "country": "",
             ........

查看：

注意 ng-model =“newEvent.taxoption.country”

<div ng-controller="createEventController" class="modal fade" id="ticketTaxModal" tabindex="-1" role="dialog" aria-labelledby="TicketTaxForm">
  <div class="modal-dialog" role="document">
    <div class="modal-content">

      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
        <h4 class="modal-title" id="myModalLabel">Tax Options</h4>
      </div>

      <div class="modal-body" style="text-align: left;">
        <div class="form-horizontal">

          <div class="form-group">
            <label for="country" class="col-sm-2 control-label">Country</label>
            <div class="col-sm-10">
              <select id="country" ng-model="newEvent.taxoption.country" class="form-control">
                <option value="CAN">Canada</option>
                <option value="USA">United States</option>
              </select>
            </div>
          </div>
..............

模态指令：

directive("ticketTax", [function(){
    return{
        restrict: 'E',
        templateUrl: 'app/partials/create/ticketTaxModal.html',
        link: function(scope, elem, attrs){


        }
    }
}]);

如何将数据从模态传递到控制器？我不明白为什么双向绑定不起作用，因为相同的控制器被分配给模态。实例的东西？

Answer 1

我修复了它在视图中删除ng-controller。我认为它正在创建控制器的另一个实例，从而阻止双向绑定。

双向绑定不起作用于bootstrap模态angularJs

1 个答案: