如何从自举模态切换到角度模态

时间:2014-09-05 19:04:52

标签: angularjs twitter-bootstrap

我正在从引导模态切换到Ekathuwa Angular Modals。我有一个表,当我点击“数字”时,一个模态打开,输入字段填充了所选的对象属性。我有它与自举模态一起工作,但我迷失了如何以角度方式做到这一点。 plunkr

控制器:

//editChangeOrderModal
$scope.currentItem = null;
$scope.editChangeOrderModal = function (model) {
  $ekathuwa.modal({
    id: 'editChangeOrderModal',
    scope: $scope.currentItem = model,
    templateURL: "modal-template.html"
  });
};

查看:

<table class=" table table-bordred table-striped table-hover">
  <tr>
    <th style="font-weight: bold;">Number</th>
    <th style="font-weight: bold;">Date</th>
    <th style="font-weight: bold;">Name</th>
  </tr>
  <tr ng-repeat="job in ChangeOrders" class=" pointer">
    <td ng-click="editChangeOrderModal(job)">{{job.ChangeOrderNumber}}</td>
    <td>{{job.ChangeOrderDate}}</td>
    <td>{{job.ChangeOrderName}}</td>
  </tr>
</table>

<div class="col-xs-12">
  <div class="inline-fields" style="margin-top:30px">
    <label>Name:</label>
    <input style="width:150px" ng-model="currentItem.ChangeOrderName" type="text">
  </div>
  <div class="inline-fields">
    <label>Number:</label>
    <input style="width:150px" ng-model="currentItem.ChangeOrderNumber" type="text">
  </div>
  <div class="inline-fields">
    <label>Date:</label>
    <input style="width:150px" ng-model="currentItem.ChangeOrderDate" type="date">
  </div>
  <br/>
  <input style="float:right"
         ng-click="printEditChangeOrderModal(currentItem)"
         type="button"
         value="Print"
         go-click="#"/>
  <input style="float:right"
         ng-click="updateChangeOrder(currentItem)"
         type="button"
         value="Save"
         go-click="#"/>
  <input style="float:right"
         type="button"
         data-dismiss="modal"
         value="Exit"
         go-click="#"/>
</div>

1 个答案:

答案 0 :(得分:1)

我认为问题在于这一行,

scope: $scope.currentItem = model,

我改为

$scope.currentItem = null;
    $scope.editChangeOrderModal = function(model) {
      $scope.currentItem = model;
      console.log(model);
        $ekathuwa.modal({
            id: "editChangeOrderModal",
            scope:$scope,
            templateURL: "modal-template.html"
        });
    }

我分叉你的[plunker]:http://plnkr.co/edit/OTJA6n7WADN5bprZaQco?p=info