Javascript angularJS-导航页面的简单按钮_Javascript_Jquery_Html_Angularjs

Javascript angularJS-导航页面的简单按钮

javascript jquery html angularjs

Javascript angularJS-导航页面的简单按钮,javascript,jquery,html,angularjs,Javascript,Jquery,Html,Angularjs,我是angularJS新手，尝试创建一个简单的应用程序。当我点击一个按钮时，我遇到了一个问题，比如说，在index.html页面上，我希望被转发到.search.html页面这是index.html上的我的按钮： <body ng-controller="mainController"> <button ng-click="GoToNext2('/search')">Search</button> </body> 我想调用一个函数（当我

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

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

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

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

谢谢

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

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

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

除此之外，对于路线有一个后备方案是很好的。。默认值：

$routeProvider。否则（{redirectTo:'/'}）

，如果用户导航到不存在的页面，则会触发该命令

希望这有帮助

到目前为止，您尝试了什么？第一件事是在控制器中实际实现您的

goToNext（）

方法

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

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