Question

我的页面中有此搜索按钮。但我不知道为什么它不起作用，如果我点击它会重新指向仪表板页面。

MainApp.config(['$stateProvider', '$urlRouterProvider', function ($stateProvider, $urlRouterProvider) {
// Redirect any unmatched url
$urlRouterProvider.otherwise("dashboard.html");
app.version = '1454574448';

$stateProvider.state('app', {
        url: "/app.html/:search?/:page?",
        templateUrl: 'views/app/app.html?_=' + app.version,
        controller: 'app'
    })

这是我的搜索按钮：

<div class="input-group">
 <input type="text" class="form-control" id="search" ng-model="input.search" required ng-trim="true">
  <div class="input-group-btn">
  <button type="button" class="btn btn-primary" tabindex="-1" ng-click="refresh()">Search</button>
  </div>
</div>

这是来自控制器：

$scope.page = ($routeParams.page) ? $scope.page = parseInt($routeParams.page) : 0;
$scope.input = {
    search: ($routeParams.search == undefined) ? '' : $routeParams.search,
};

$scope.refresh = function () {
    app.location.path('app/' + $scope.input.search + '/' + $scope.page);
};

有人可以帮我找出错误原因吗？

Answer 1

问题是特定网址和实际网址不匹配。因此，重定向到默认页面，因为该URL不存在。

修改状态配置中的网址

MainApp.config(['$stateProvider', '$urlRouterProvider', '$state', function ($stateProvider, $urlRouterProvider, $state)
{
    // ...
    $scope.refresh = function () {
        $state.go('app' { 'search': $scope.input.search, 'page': $scope.page });
    };
    // ...
}

修改

使用reference link更改状态

{{1}}

搜索按钮不起作用

1 个答案: