将数据绑定到嵌套在另一个控制器内的一个控制器的模态

Question

情况如下： 我将controller2嵌套在controller1中。 我想将视图中的一些数据传递或绑定到控制器2中，并以模态显示此数据。模态打开但不显示从视图传递的数据。然而，控制台显示数据被传递到控制器。

正如您所看到的，我正在使用带有bootstrap 4和jQuery的Angularjs。我一次只在一个控制器中做了几个模态，但现在我想使用这个嵌套控制器。如何将数据导入此特定模态？

查看：

<div ng-controller="controller1 as ctrl1">
....some code...
  <div ng-controller="controller2 as ctrl2">
    <h5 data-toggle="modal" data-target="#myModal" data-myparam="wood">
    open modal</h5>
  </div>
... some more code ...
</div>

<!-- MODAL -->
<div ng-controller="controller2 as ctrl2">
  <div class="modal fade" id="myModal" role="dialog">
   <div class="modal-dialog modal-dialog-centered" role="document">
    <div class="modal-content">
     <h5>My parameter: {{ctrl2.param}}</h5>
    </div>
   </div>
  </div
</div>

控制器2的模型：

....
$('#myModal').on('show.bs.modal', function(e){
  vm.param = e.relatedTarget.dataset.myparam;
  console.log(vm.param);
});