Javascript 无法将引导模式窗口作为路由打开

我使用bootstrap来显示一个模态，并希望在单击锚定标记时将其显示为路由。 但是我遇到了一个模块错误&似乎不知道如何解决它

HTML

plnkr中的代码：

---

演示遇到了很多问题。您还没有包括angular-route.js。您没有使用

提供默认路径，否则

将html放置在

ng视图中

/* include script tag with `angular-route.js , then inject as dependency*/
var app = angular.module('plunker', ['ui.bootstrap', 'ngRoute']);
app.config(function($routeProvider) {
  $routeProvider.when('/', {
    templateUrl: 'default'
  })
    .when('/profile', {
      templateUrl: 'modalContainer',
      controller: 'ProfileModalCtrl'
    }).otherwise({
      redirectTo: '/'
    })
});

---

在标记中声明与路由配置中相同的

ng控制器

时，您也会遇到问题…选择一个或另一个

您的plunker缺少

ngRoute

依赖项。在angular的较新版本中，

ngRoute

是一个单独的库，需要单独包含并声明为应用程序模块的模块依赖项：

var-app=angular.module（'plunker'，['ngRoute'，'ui.bootstrap']）；

此外，您的路线没有完全定义

此外，模板（

）在

元素中定义

ng view

是一个指令，它将在解析路由时替换host div元素的内容，因此模板的更好位置是在

ng view

元素之外

var-app=angular.module（'plunker'，['ngRoute'，'ui.bootstrap']）；
app.config（函数（$routeProvider）{
$routeProvider
。当（“/profile”{
templateUrl:“modalContainer”，
控制器：“ProfileModalCtrl”
})
.when（“/detail”{
templateUrl:'detail.html'，
控制器：“DetailPageCtrl”
})
。否则（{重定向到：'/detail'}）；
});
app.controller（'DetailPageCtrl'，函数（$scope）{
控制台日志（“详细页面”）；
});
app.controller（'ProfileModalCtrl'，函数（$scope，$modal）{
$modal.open（{templateUrl:'modal.html'}）；
});

---

我的问题与这个问题几乎相同——尽管仍然无法让它工作——要不要看一看？

var app = angular.module('plunker', ['ui.bootstrap']);
app.config(function($routeProvider) {
   $routeProvider
      .when('/profile', {
          templateUrl : 'modalContainer',
          controller : 'ProfileModalCtrl'
      });
})
app.controller('DetailPageCtrl', function($scope) {
   console.log("detail page");
});
app.controller('ProfileModalCtrl', function($scope, $modal) {
    $modal.open({templateUrl : 'modal.html'});
});

/* include script tag with `angular-route.js , then inject as dependency*/
var app = angular.module('plunker', ['ui.bootstrap', 'ngRoute']);
app.config(function($routeProvider) {
  $routeProvider.when('/', {
    templateUrl: 'default'
  })
    .when('/profile', {
      templateUrl: 'modalContainer',
      controller: 'ProfileModalCtrl'
    }).otherwise({
      redirectTo: '/'
    })
});

<div ng-view><!-- leave empty --></div>