angularJS 中的模态服务

Question

下面是我的控制器

angular.module('repoApp')
  .controller('loginCtrl', function ($scope,$modal,$state) {
    $scope.awesomeThings = [
      'HTML5 Boilerplate',
      'AngularJS',
      'Karma'
    ];

    $modal.open({     
      templateURL: 'views/modals/test.html',      
    });  
  });

下面是我的模板：

<div class="modal-header">
            <h3 class="modal-title">I'm a modal!</h3>
        </div>

我得到的错误是：

Error: One of template or templateUrl options is required.
    at Object.$modalProvider.$get.$modal.open (http://localhost:9000/bower_components/angular-bootstrap/ui-bootstrap-tpls.js:2353:21)
    at new <anonymous> (http://localhost:9000/scripts/controllers/login/loginCtrl.js:18:12)
    at invoke (http://localhost:9000/bower_components/angular/angular.js:4203:17)
    at Object.instantiate (http://localhost:9000/bower_components/angular/angular.js:4211:27)
    at http://localhost:9000/bower_components/angular/angular.js:8501:28
    at link (http://localhost:9000/bower_components/angular-route/angular-route.js:975:26)
    at invokeLinkFn (http://localhost:9000/bower_components/angular/angular.js:8258:9)
    at nodeLinkFn (http://localhost:9000/bower_components/angular/angular.js:7768:11)
    at compositeLinkFn (http://localhost:9000/bower_components/angular/angular.js:7117:13)
    at publicLinkFn (http://localhost:9000/bower_components/angular/angular.js:6996:30) <div ng-view="" class="ng-scope">

此代码未打开模板，但当我使用“模板”选项并在此处插入模板标记时，它会显示出来。此 templateURL 未被触发。我已经配置了我的 gruntfile，但我不确定是否还必须在那里进行任何更改。 index.html 中是否需要包含任何库？

Answer 1

您确实没有提供模态框模板，因为它应该是templateUrl，而不是templateURL。

这应该有效：

$modal.open({     
  templateUrl: 'views/modals/test.html',      
});

angularJS 中的模态服务

modal service in angularJS

templates

modal-dialog

angularjs

angular-ui-bootstrap