angularJS - 簡單的按鈕導航頁面

我是angularJS的新手，嘗試創建一個簡單的應用程序。當我點擊一個按鈕，比如index.html頁面，我想轉到.search.html頁面時，我遇到了問題。angularJS - 簡單的按鈕導航頁面

這裏是我的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); 

});

我要調用一個函數（執行當我點擊過搜索）

謝謝

來源

2014-02-20 Oam Psy

你到目前爲止嘗試了什麼？首先要在你的控制器中實現你的'goToNext（）'方法。 – muenchdo

可能的重複[是否有一個簡單的方法來使用按鈕導航頁面作爲鏈接在angularjs中執行]（http://stackoverflow.com/questions/15847726/is-there-a-simple-way-to-use-按鈕瀏覽的頁面，作爲一種鏈路確實功能於angularjs） –

正如評論中指出的那樣，看起來你缺少一個goToNext（）方法，你w烏爾德實現它想：

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

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

旁邊的是，它是好的，有路線後備..默認： $routeProvider.otherwise({redirectTo : '/'})其中如果用戶導航到一個不存在的頁面被觸發。

希望這會有幫助

來源

2014-02-20 15:49:12 BramSlob

angularJS - 簡單的按鈕導航頁面

回答

相關問題