Question

我正在尝试加载angular-ui模式，但我找不到任何有关如何将POST参数传递给指定的 templateUrl 网址的信息？

    var options = {
        controller: 'ModalInstance',
        backdrop: true,
        scope: $scope,
        size: ( typeof $element.data('size') != 'undefined' ) ? $element.data('size') : 'sm',
        backdropClass: backdrop,
        templateUrl: 'some url',
        data: { // needs to be replaced | this one is not working.
            media_id: 59 
        },
        resolve: {
            element: function(){
                return $element;
            }
        }
    };

    $scope.instance = $modal.open( options );

如果没有任何官方方式，我怎么能在没有参数的情况下做到？

Answer 1

从此处提到的文档angular-ui directive documentation

templateUrl - 表示模态内容的模板的路径

这意味着它应该是html文件或<script type="text/ng-template">的url，它将被渲染为模态窗口的内容。

如果您想将某些数据传递给此模板，请参阅文档提供的plunker示例。

本示例中要将数据传递给模态模板的相关事项如下所述

controller: 'ModalInstanceCtrl',
size: size,
 resolve: {
        items: function () {
         return $scope.items;
        }
      }

1）controller：controller属性指定控制模板的控制器的名称（要呈现的html） 2）resolve：resolve属性指定必须注入的数据控制器上方

因此，在示例中，ModalInstanceCtrl是控制器，它控制要渲染的模板，并且可以将items属性注入此控制器，换句话说，您可以将数据传递给模态窗口模板。

Angular UI模式POST

1 个答案: