如何/何时使用ng-click来调用一个路由？

9 浏览
0 Comments

如何/何时使用ng-click来调用一个路由？

假设您正在使用路由：

// bootstrap
myApp.config(['$routeProvider', '$locationProvider', function ($routeProvider, $locationProvider) {
    $routeProvider.when('/home', {
        templateUrl: 'partials/home.html',
        controller: 'HomeCtrl'
    });
    $routeProvider.when('/about', {
        templateUrl: 'partials/about.html',
        controller: 'AboutCtrl'
    });
...

并且在您的html中，当点击按钮时，您想要导航到关于页面。一种方法是：





...但似乎也可以在这里使用ng-click。


    

  1. 这个假设正确吗？ng-click可以代替锚点使用吗？
    2. 

  2. 如果是，它将如何工作？即：
    3. 




								
admin 更改状态以发布 2023年5月21日
							

							

															

						

						
0

					

				


			


			
			

	

		

			

				2
				答案			


					


		
		

			
				
											


	

		

			

								
									
			

			

				

					

						

                        

						

														0 Comments						

					

					

															

				

				

										
这里有个很好的提示，没有人提到过。在包含该函数的控制器中，您需要包含位置提供程序：




app.controller('SlideController', ['$scope', '$location',function($scope, $location){ 
$scope.goNext = function (hash) { 
$location.path(hash);
 }
;]);
  next page




									

				

									

			

			
0

		

	



											


	

		

			

								
									
			

			

				

					

						

                        

						

														0 Comments						

					

					

															

				

				

										
路由监视$location服务，并响应URL的更改（通常通过哈希）。要“激活”路由，只需更改URL。最简单的方法是使用锚点标签。




Go Home
Go to About





不需要更复杂的操作。但是，如果必须从代码中执行此操作，则正确的方法是使用$location服务：




$scope.go = function ( path ) {
  $location.path( path );
};





例如，可以使用按钮触发：









									

				

									

			

			
0