Question

我正在使用angular-fancy-modal在我的应用中显示模态。

这是我的控制者：

.controller('CategoryController', ['$scope', 'categoryService', '$fancyModal', function($scope, categoryService, $fancyModal) {
  $scope.subcategories = {};

  $scope.open = function() {
    $fancyModal.open({
      templateUrl: 'public/popupTmpl.html',
      resolve: {
        items: function() {
          return $scope.subcategories;
        }
      }
    });
  };
}]);

方法ng-click调用方法$open。

popupTmpl.html

<script type="text/ng-template" id="popupTmpl.html">
  <div class="modal-header"> $$items$$
    <div class="categories-list">
      <span class="list-category-item">100</span>
    </div>
  </div>
</script>

在模板中：popupTmpl.html我试图从items获取resolve，但它不起作用。如何在模板中传递数据$scope.subcategories？

Answer 1

据我所知，您的问题似乎需要从父控件$scope.subcategories到模态CategoryController显示变量$fancyModal。如果我理解正确，只需将父范围传递给你的模态将解决它..

$fancyModal.open({
    templateUrl: 'public/popupTmpl.html',
    scope: $scope,
    resolve: {
    items: function() {
          return $scope.subcategories;
       }
    }
});

使用scope:$scope也会将控制器CategoryController的范围传递给Modal。因此，它将帮助您在fancyModal中使用（传递）CategoryController内的所有变量和函数。

如何在角度 - 幻想模式中传递数据？

1 个答案: