Question

我是angularJS的新手并尝试创建一个简单的应用程序。当我点击一个按钮时，我发现了一个问题，比如index.html页面，我希望转发到.search.html页面。

这是我在index.html上的按钮：

<body ng-controller="mainController">
    <button ng-click="GoToNext2('/search')">Search</button>
</body>

这是我的角度代码：

// create the module and name it scotchApp
var scotchApp = angular.module('scotchApp', ['ngRoute']);

// configure our routes
scotchApp.config(function($routeProvider) {
$routeProvider

    // route for the home page
    .when('/', {
        templateUrl : 'home.html',
        controller  : 'mainController'
    })

    .when('/search', {
        templateUrl : 'Search.html',
        controller  : 'searchController'
    });
});

// create the controller and inject Angular's $scope
scotchApp.controller('searchController', function($scope) {

$location.path(hash); 

});

我想调用一个函数（当我点击时也执行搜索）

由于

Answer 1

正如评论中所指出的那样，你似乎缺少一个goToNext（）方法，你可以像下面这样实现它：

scotchApp.controller('mainController',[
   '$scope', '$location', 
   function($scope, $location) {

       $scope.GoToNext2 = function(hash) {
           $location.path(hash);
       };
    }
]);

接下来，对路由进行回退是很好的..默认值：如果用户导航到不存在的页面，则会触发$routeProvider.otherwise({redirectTo : '/'})。

希望这有帮助

angularJS - 导航页面的简单按钮

1 个答案: