ui-route刚刚第一次工作angularJS

时间:2017-04-05 18:32:05

标签: angularjs

我有一个问题,在放了ui-route模式和页面后,我有另一个问题,我的ui-route工作只是第一次,我不知道为什么

这是我的路线

  angular.module('ui.bootstrap.demo').config(function($stateProvider, $urlRouterProvider,$qProvider){    
      $stateProvider

          .state("connexion", {
              url: "/",
               views: {

                // for column two, we'll define a separate controller
                'Principal': {

                    abstract :true,
                   templateUrl: 'connexion.html'

                }
               }

          })

          .state('agenda', {

            url: "/agenda",
            views: {

                // for column two, we'll define a separate controller
                'Principal': {

                    abstract :true,
                   // templateUrl: 'agenda.html'
                    template:'<a ui-sref="view">Open me!</a>'


                }
            }


        })
        .state('modal', {
        abstract: true,
        parent: 'agenda',
        url: '/modal',
        onEnter: ['$uibModal', '$state', function($uibModal, $state) {
            $uibModal.open({
            animation: true,
            ariaLabelledBy: 'modal-title',
            ariaDescribedBy: 'modal-body',
            templateUrl: 'myModalContent.html',
            controller: 'ModalInstanceCtrl',
            resolve: {

            }
          })
        }]
      })
      .state('view', {
        url: ':id1',
        parent: 'modal',
        views: {
          'modal@': {
            template: '<div class="navbar">'+
                          '<div class="navbar-inner">'+
                          '<h4 class="brand">Quick Start</h4>'+
                          '<ul class="nav">'+
                          '<li><a ui-sref="foo">Route 1</a></li>'+
                          '<li><a ui-sref="bar">Route 2</a></li>'+
                          '</ul>'+
                          '</div>'+
                          '</div>'
          }
        }
      })
      .state('foo', {
        url: ':id2',
        parent: 'modal',
        views: {
          'modal@': {
            template: '<h1>foo</h1><a ui-sref="view">back menu</a>'
          }
        }
      })
      .state('bar', {
        url: ':id3',
        parent: 'modal',
        views: {
          'modal@': {
            template: '<h1>bar</h1><a ui-sref="view">back menu</a>'
          }
        }
      })

      $urlRouterProvider.otherwise("/");
       $qProvider.errorOnUnhandledRejections(false);

    })

这是一个吸虫,

http://plnkr.co/edit/4D6fsQv0FiPqtjoNiebS?p=preview

如果有人可以帮助我

提前致谢

编辑

大家好

重新编辑

.state('modal', {
        abstract: true,
        parent: 'agenda',
        url: '/modal',
        onEnter: ['$uibModal', '$state', function($uibModal, $state) {
          $state.go('view');
            $uibModal.open({
            animation: true,
            ariaLabelledBy: 'modal-title',
            ariaDescribedBy: 'modal-body',
            templateUrl: 'myModalContent.html',
            controller: 'ModalInstanceCtrl',
            resolve: {

            }
          })
        }]
      })

0 个答案:

没有答案
相关问题