单击链接时,Angularjs ui-view路由无法正常工作[关闭]

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了单击链接时,Angularjs ui-view路由无法正常工作[关闭]相关的知识,希望对你有一定的参考价值。

我在这里使用Angular ui-routing功能当我点击舔url在url栏中扩展像this

ANgularCtrl是

    var app = angular.module('MyApp', ['ui.router'])
app.config(['$qProvider', '$stateProvider', function ($qProvider, $stateProvider) {
    $qProvider.errorOnUnhandledRejections(false);
    var Custstate = {
        name: 'Customer',
        url: 'Views/Customer/Customer.html',
    }
    $stateProvider.state(Custstate);
}])

Ui-view是

 <a ui-sref="Customer" ui-sref-active="active">Customer</a>
    <ui-view></ui-view>
答案

在配置寄存器状态像这样。

var routerApp = angular.module('MyApp', ['ui.router']);

routerApp.config(function($stateProvider, $urlRouterProvider) {
    $stateProvider
    .state('Customer', {
        url: '/Customer',
        templateUrl: 'Views/Customer/Customer.html'
    });

});

有关更多详细信息,请参阅https://scotch.io/tutorials/angular-routing-using-ui-router

以上是关于单击链接时,Angularjs ui-view路由无法正常工作[关闭]的主要内容,如果未能解决你的问题,请参考以下文章

无法在 AngularJS ui-view 中居中链接

ng-click 不触发,深入 ui-views

AngularJS ui-router (嵌套路由)的简单学习

Angularjs-ui-router,ui-view 不工作。

如何在 ui-router angularjs 中保持父级相同的同时仅更改子级 ui-view?

Laravel 在单击带有 # 的链接时将“!#”添加到根 URL