如何使用angular-ui模式templateURL和节点/快速路由

我有点困惑,为什么我得到这个错误。 我有一个预感与templateURL,我已经尝试了一些事情,但无济于事。 我已经阅读了文档,并search了一堆SOpost,但没有一个帮助太大。 我想使用Express / Node来提供页面,我有一种感觉,这就是为什么我的templateURL不能在app.js工作。

这是我的index.html与我的控制器和我的模板。

<body ng-app="app" ng-controller="AppCtrl"> <script type="text/ng-template" id="pageContent.html"> <div class="container"> <div class="modal-header"> <h3 class="modal-title">I am a modal!</h3> </div> <div class="modal-body"> <h1>HELLO</h1> </div> <div class="modal-footer"> <button class="btn btn-primary" type="button" ng-click="cancel()">OK</button> <button class="btn btn-warning" type="button" ng-click="cancel()">Cancel</button> </div> </div> </script> <div ng-click="open()"> <!-- this is what makes the modal --> <!-- rest of html below --> 

这就是app.js中的内容

 var app = angular.module("app", ["ngAnimate", 'ui.bootstrap']); app.controller("AppCtrl", function($scope, $timeout, $uibModal, $http) { $scope.open = function (person) { $scope.selectedPerson = "passed in person"; console.log($scope.selectedPerson); var modalInstance = $uibModal.open({ templateUrl: 'pageContent.html', controller: 'ModalInstanceCtrl', resolve: { selectedPerson: function() { return $scope.selectedPerson; } } }); }; }); app.controller('ModalInstanceCtrl', function ($scope, $uibModalInstance, selectedPerson) { $scope.selectedPerson = selectedPerson; $scope.cancel = function () { $uibModalInstance.dismiss('cancel'); }; }); 

我也尝试用template: "<p> hello world </p>"replacetemplateURL,但是也会产生相同的错误。

这里是错误跟踪: 在这里输入图像说明

使用angular.js而不是angular.min.js来获得更清晰的错误信息。

为了解决这个问题,你需要使用ui-bootstrap-tpls.min.js (或者ui-bootstrap-tpls.js )而不是ui-bootstrap.min.jsui-bootstrap.js )。

之后,你可能还有一些其他的问题,但也许这是一个不同的SO问题? 🙂