gpt4 book ai didi

javascript - Plunker 是否支持多 View ?

转载 作者:搜寻专家 更新时间:2023-10-31 23:28:10 26 4
gpt4 key购买 nike

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

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

Plunker Demo

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>

JS

var app = angular.module("app", []).config(function($routeProvider) {
$routeProvider.when('/login', {
templateUrl: 'login.html',
controller: 'LoginController'
});
});

app.controller('LoginController', function () {

});

最佳答案

是的,可以在 plunker 中使用客户端导航。

示例插件: http://plnkr.co/edit/XH8yfhvbFpeP4l0EmJ8S?p=preview

与其自己修改 location.href,不如使用 $location.path() 或者只使用一个简单的 a 标签像这样:

<a href="#/login">Login</a>

为了使用$routeProvider,你必须包含ngRoute模块文件:

<script src="http://code.angularjs.org/1.2.17/angular-route.js"></script>

并将'ngRoute'作为应用模块的依赖:

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

关于javascript - Plunker 是否支持多 View ?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25209123/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com