Fatal编程技术网
  • javascript/
  • Javascript Plunker支持多视图吗？

Javascript Plunker支持多视图吗？

javascript html angularjs

Javascript Plunker支持多视图吗？,javascript,html,angularjs,url-redirection,plunker,Javascript,Html,Angularjs,Url Redirection,Plunker,我正在学习AngularJS并尝试测试路线。我想知道Plunker是否支持这一点，以便我可以浏览不同的页面 *单击“登录”返回视图中的预览不存在或已过期。 HTML <html lang="en" ng-app="app"> <head> <meta charset="UTF-8" /> <title>Into to Angular.js</title> <s

我正在学习AngularJS并尝试测试路线。我想知道Plunker是否支持这一点，以便我可以浏览不同的页面

*单击“登录”返回视图中的预览不存在或已过期。

HTML

    <html lang="en" ng-app="app">

      <head>
        <meta charset="UTF-8" />
        <title>Into to Angular.js</title>
        <script data-require="jquery@*" data-semver="2.1.1" src="//cdnjs.cloudflare.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
        <script data-require="bootstrap@3.1.1" data-semver="3.1.1" src="//netdna.bootstrapcdn.com/bootstrap/3.1.1/js/bootstrap.min.js"></script>
        <script data-require="angular.js@1.3.0-beta.5" data-semver="1.3.0-beta.5" src="https://code.angularjs.org/1.3.0-beta.5/angular.js"></script>
        <link data-require="bootstrap-css@3.1.1" data-semver="3.1.1" rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css" />
        <link rel="stylesheet" href="style.css" />
        <script src="app.js"></script>
      </head>

  <body>
  <div class="row">
    <div class="col-sm-12">
      <h1>Intro to Angular</h1>
      <div id="view" ng-view></div>
    </div>
  </div>
    <button class="btn"  onclick="location.href = '/login.html'">Login Page</button>
  </body>

    </html>
是的，可以在plunker中使用客户端导航

示例plunker:

您必须使用
$location.path（）
或使用一个简单的
a
标记，而不是自己修改
location.href
，如下所示：

<a href="#/login">Login</a>
并将
'ngRoute'
作为应用程序模块的依赖项：

var app = angular.module("app", ['ngRoute'])
正确，然后为了使用$routeProvider，when的第一个参数是“unhashed”（“/login”） 
<script src="http://code.angularjs.org/1.2.17/angular-route.js"></script>

var app = angular.module("app", ['ngRoute'])