Javascript Ui路由器-带模式框的嵌套视图

Javascript Ui路由器-带模式框的嵌套视图,javascript,angularjs,twitter-bootstrap,angular-ui,angular-ui-router,Javascript,Angularjs,Twitter Bootstrap,Angular Ui,Angular Ui Router,我试图使用AngularUI显示基于url的模式框。 我有三种状态-主状态、设置状态和基于设置状态的模式 $stateProvider .state('home',{ url:'/', views: { 'content': { templateUrl: 'views/partials/content.html', controller: 'ContentCtrl'

我试图使用AngularUI显示基于url的模式框。 我有三种状态-主状态、设置状态和基于设置状态的模式

$stateProvider
   .state('home',{
        url:'/',
      views: {
            'content': {
               templateUrl: 'views/partials/content.html',
               controller: 'ContentCtrl'
            }
      })
   .state('home.setting',{
         url:'/setting',
       views:{
           'content@': {
                  templateUrl: '/views/partials/setting.html',
                  controller: 'SettingCtrl'
           }
      })
   .state('home.setting.modal',{
       url:'^/modal',
      onEnter: function($state, $modal, $timeout, $stateParams, $location) {
           if ($stateParams.id === "") {
                return $location.path('/');
           } else {
                $modal.open({
                      templateUrl: 'views/modals/deepResultModal.html',
                      controller: "DeepResultCtrl",

                }).result.then(function() {

                 }, function() {
                     return $location.path('/');
                });
           }
      }   
} 
有了这个密码,我就一直得到这个

Uncaught Error: [$injector:modulerr] http://errors.angularjs.org/1.2.16/$injector/modulerr? p0=myapp&p1=Error%3A%….setting.modal'%0A%20%20%20%20at%20http%3A%2F%2Flocalhost%3A3000%2Fve...<omitted>...e) 
我尝试了home.modal状态而不是home.setting.modal,但它删除了父状态

如何在不删除父状态的情况下显示模式框?我遵循这一点,嵌套了home.setting.modal等状态,但它不起作用


如果你能帮我,那就太好了!提前谢谢你

在onEnter中的$location后面有一个额外的逗号。这是复制粘贴错误还是真的是这样?另外,您看到了吗:听起来您可能缺少一个模块。您在这里也缺少一个引号:。state'home.setting.modal,{应该是.state'home.setting.modal',{对不起,我在粘贴源代码时犯了这些错误。我检查了链接,但没有解决我的问题。