单击时在<a> </a>标记之间导航

Question

如何在点击$stateProvider标记

时在<a> </a>定义的状态之间导航

这是我的状态..

    $stateProvider

    //region page States
    .state('page1', {
        url: "/pg1",
        templateUrl: 'page1.html',
        controller: 'page1Ctrl'
    })

    .state('page2', {
        url: '/pg2',
        templateUrl: 'page2.html',
        controller: 'page2Ctrl'
    })

    .state('page3', {
        url: '/pg3',
        templateUrl: 'page3.html',
        controller: 'page3Ctrl'
    })

Answer 1

要在状态之间导航，请使用ui-sref属性。

<a ui-sref="page2">Go to Page 2</a>

请参阅此处的文档：https://github.com/angular-ui/ui-router/wiki/Quick-Reference#ui-sref