Question

我有一个可以从不同页面调用的模态。所以，我需要在不同的HTML和JS文件中。

fileA.html和fileA.js是主要的，而fileB.html和fileB.js具有模态。当我试图调用它时，我收到错误。

fileA.html

<button type="button" class="btn btn-success" ng-click='openModal()' ><i class="fa fa-sign-out"></i>Modal</button>

fileA.js

angular.module('query').controller('Modal2Ctrl', function ( .... ){
$scope.openModal = function (){

    var modalInstance = $modal.open({
        templateUrl: '/#/data/modal/modal1.html',
        windowClass: 'modal',
        controller: 'ModalCtrl',
        resolve: {
            object : $scope.qid,
        }
    });
 };
 }

fileB.html：

<div ng-controller=""> or <script type="text/ng-template" id="modal.html">
    <!-- Modal Header -->
    <!-- Modal Body -->
    <!-- Modal Footer -->

fileB.js

angular.module('export').controller('Modal1Ctrl', function ($scope, $rootScope, $modal, $log, $compile, $timeout, $modalInstance, ...){ ... }

我想在不同的页面上使用fileB.html和fileB.js。关于如何调用模态的任何建议？

Answer 1

http://weblogs.asp.net/dwahlin/building-an-angularjs-modal-service 感谢@ TechMa9iac的建议。

Angular：在不同的文件中调用Modal

1 个答案: