Question

我有3个组成部分：

页面显示的第一个，第二个显示ng-repeat表，其中包含从数据库中获取的数据，第3个是bootstrap模态。

当我点击表格中的单元格时，弹出模式并能够编辑单元格中的数据。但我无法传递单击该模式的单元格的任何数据。我在这里查了一些问题，但大多数都是用$ scope。当它们是组件时，有没有办法做到这一点？现有帖子或页面的任何提示或链接？非常感谢你。

Answer 1

以下是链接https://angular-ui.github.io/bootstrap/

中代码的一部分

$scope.open = function (size) {

var modalInstance = $uibModal.open({
  animation: $scope.animationsEnabled,
  templateUrl: 'myModalContent.html',
  controller: 'ModalInstanceCtrl',
  size: size,
  resolve: {
    items: function () {
      return $scope.items;
    }
  }
});
here $scope.open(data) will be the click function when you click on the particular cell and pass the data  from the cell to the function and in resolve you can send that data to the modal.

Answer 2

嗯，您可以使用函数将特定单元格绑定到模型中。

e.g。

<th>
   <!-- item or whatever you use inside the ng-repeat-->
   <button ng-click="selectItem(item)"
           type="button"
           class="btn btn-xs btn-info"
           data-toggle="modal"
           data-target="#myModal"></button>
</th>

控制器中的

具有与此类似的功能。

$scope.selectItem= function (item) {
        $scope.myItemModal= item;
};

最后在你的模态中，你可以将它用作普通的$scope变量

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

当使用angularJS组件方式时，如何将数据传递给引导模式

2 个答案: