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

Question

能否请您告诉我为什么我无法通过单击按钮将一页导航到另一页。我喜欢那个

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;
};
}

这里是 plunker http://plnkr.co/edit/gQcXe0Njvx6Iviu8Fjep?p=preview

我想转到第二页。

谢谢

Answer 1

当使用 ui-router 时，您应该使用 $state 从一个页面传输到另一个页面。您应该将 $state 注入您的控制器，然后您可以使用 $state.go('appaa') 转移到该状态。

有关详细信息，请参阅 https://github.com/angular-ui/ui-router/wiki/Quick-Reference#stategoto--toparams--options。

Answer 2

你的问题不是很清楚。您可能会尝试使用 AngularJS.
制作单页应用程序我们可以创建许多 HTML 个页面并在不刷新页面的情况下调用单个页面使用 AngularJS $routeProvider (https://docs.angularjs.org/api/ngRoute/provider/$routeProvider).

找到下面的例子

1) 创建三个 html 页面 home.html、about.html、services.html 并保存在 'pages' 文件夹中。

2) 创建 JS 并添加以下脚本并保存在 'js' 文件夹中 (js/script.js).

var shanidkvApp = angular.module('shanidkvApp', ['ngRoute']);

// configure routes

spaApp.config(function($routeProvider) {   
    $routeProvider
        .when('/', {
            templateUrl : 'pages/home.html'
        })
        .when('/about', {
            templateUrl : 'pages/about.html'
        })
        .when('/services', {
            templateUrl : 'pages/services.html'
        });
});

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>

Download working example from Github

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

how to move one page to another in angular js?

angularjs

angular-ui

angularjs-directive

angularjs-scope