在AngularJS中显示网址更改的模态

Question

我试图在AngularJS的网址更改中显示用户注册模式。我使用Angular路由，我的路由配置如下：

var sgApp = angular.module('sgApp', [
        'ngRoute',
    ]);

sgApp.config(['$routeProvider','$locationProvider',
    function($routeProvider, $locationProvider){
        $routeProvider.when('/',{
            templateUrl: '/static/partials/index.html',
            controller: 'indexCtrl'
        }).when('/user-signup',{
            controller: 'userSignUpCtrl'
        }).otherwise({
            redirectTo: '/'
        });
        $locationProvider.html5Mode(true);
    }
]);

在控制器中：

sgApp.controller('userSignUpCtrl',['$scope', '$http',
    function($scope, $http){
        $('#modal-target').modal('show');
    }
]);

但是，这并不像将{url}更改为/user-signup，因此该模式不会显示。我错过了什么？

Answer 1

因为没有＃modal-target 的元素作为id，所以视图未呈现。

您可以暂停并延迟显示模态或使用angularui模态方法和模板。