Angularjs 如何在angular js中将一个页面移动到另一个页面？_Angularjs_Angularjs Directive_Angularjs Scope_Angular Ui

Angularjs 如何在angular js中将一个页面移动到另一个页面？

angularjs

Angularjs 如何在angular js中将一个页面移动到另一个页面？,angularjs,angularjs-directive,angularjs-scope,angular-ui,Angularjs,Angularjs Directive,Angularjs Scope,Angular Ui,你能告诉我为什么我不能通过点击按钮浏览一页到另一页吗。我很喜欢 var loginCntrl=function($scope,$location){ $scope.testClick =function(){ alert('sss'); $location.path("/no"); } $scope.name="naveen"; $scope.lastname="sharam"; $scope.fullname = function() { return

你能告诉我为什么我不能通过点击按钮浏览一页到另一页吗。我很喜欢

var loginCntrl=function($scope,$location){
  $scope.testClick =function(){
    alert('sss');
     $location.path("/no");


  }

$scope.name="naveen";
$scope.lastname="sharam";
$scope.fullname = function() {
    return $scope.firstname + $scope.lastname;
};
}

这是普朗克

我想翻到第二页

谢谢

使用ui路由器时，您应该使用

$state

从一页传输到另一页。您应该将

$state

注入控制器，然后可以使用

$state.go（'appaa'）

转换到该状态

有关更多信息，请参阅

你的问题不太清楚。您可能正在尝试使用AngularJS制作单页应用程序。
我们可以创建许多HTML页面并调用单个页面，而无需使用AngularJS

$routeProvider

（$routeProvider）刷新页面

找到下面的例子

1）创建三个html页面home.html、about.html、services.html并保存在“pages”文件夹中

2）创建JS并在下面添加脚本，并保存在“JS”文件夹（JS/script.JS）中

3）创建索引页并调用angular.min.js、script.js

<!DOCTYPE HTML>
<html ng-app="spaApp">
    <head>
        <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.25/angular.min.js"></script>
        <script src="//ajax.googleapis.com/ajax/libs/angularjs/1.2.25/angular-route.js"></script>
        <script type="text/javascript" src="js/script.js"></script>
    </head>
    <body>
        <h1>AngularJS Routing</h1>
        <ul class="menu"> 
            <li><a href="#/">Home</a></li>
            <li><a href="#/about">About</a></li>
            <li><a href="#/services">Services</a></li>
        </ul>
        <div class="contentwrap" ng-view>Loading...</div>
    </body>
</html>


AngularJS路由





加载。。。

请检查我使用的是Go，但不是workdone，还为您的第二个状态添加了控制器和视图，可能会派上用场；）谢谢你的回答，我理解。但是底部显示“测试来了”有错误。问题在这行家长：'b'，你能检查一下我什么时候不需要底部显示“测试来了”吗？我将如何实现这一点？

<!DOCTYPE HTML>
<html ng-app="spaApp">
    <head>
        <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.25/angular.min.js"></script>
        <script src="//ajax.googleapis.com/ajax/libs/angularjs/1.2.25/angular-route.js"></script>
        <script type="text/javascript" src="js/script.js"></script>
    </head>
    <body>
        <h1>AngularJS Routing</h1>
        <ul class="menu"> 
            <li><a href="#/">Home</a></li>
            <li><a href="#/about">About</a></li>
            <li><a href="#/services">Services</a></li>
        </ul>
        <div class="contentwrap" ng-view>Loading...</div>
    </body>
</html>