模板之间的路由不适用于Angular UI

Question

这是我的router.js

angular.module（'app.routes'，[]）。config（function（$ stateProvider，$ urlRouterProvider）{

$stateProvider.state('tabsController.dashboard', {
    url : '/page2',
    views : {
        'tab1' : {
            templateUrl : 'templates/dashboard.html',
            controller : 'dashboardCtrl'
        }
    }
}).state('tabsController.searchResults', {
    url : '/page1/page3',
    views : {
        'tab1' : {
            templateUrl : 'templates/searchResults.html',
            controller : 'searchResultsCtrl'
        }
    }

}).state('tabsController', {
    url : '/page1',
    abstract : true,
    templateUrl : 'templates/tabsController.html'
});

// if none of the above states are matched, use this as the fallback
$urlRouterProvider.otherwise('/page1/page2');

}）;

这是我的路由模板dashboard.html

<ion-content class="has-header" padding="true">

    <form class="list" name="myform">
        <label class="item item-input" name="Language"> <i class="icon ion-search placeholder-icon"></i>
            <input type="text" placeholder="Language" name="lang" ng-model="dashboardCtrl.localMovies.lang" ng-minlength=1 ng-disabled="myform.movie.$valid" required>
        </label>
        <span> OR </span>
        <label class="item item-input" name="Movie"> <i class="icon ion-search placeholder-icon"></i>
            <input type="text" placeholder="Name of Movie" name="movie" ng-model="dashboardCtrl.localMovies.movie" ng-minlength=1 ng-disabled="myform.lang.$valid" required>
        </label>
    </form>
    <a class="button button-positive button-block " href="#/page1/page3/">Search</a>
</ion-content>

单击搜索按钮时，SearchResult.html模板未加载。 请帮我找出问题

Answer 1

尝试这个：

.state('tabsController.searchResults', {
    url : '/page3',
    views : {
        'tab1' : {
            templateUrl : 'templates/searchResults.html',
            controller : 'searchResultsCtrl'
        }
    }

})

子状态将从父状态继承url并添加/page3 tabsController.searchResults因此tabsController.searchResults状态的url变为/page1/page3

Answer 2

我认为您犯了一个网址错误。 在这里

state('tabsController.searchResults', {
    url : '/page1/page3',
    views : {
        'tab1' : {
            templateUrl : 'templates/searchResults.html',
            controller : 'searchResultsCtrl'
        }
    }
})

网址应如下所示：

url : '/page3'