首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >角用户界面路由器:后退按钮不适用于简单代码

角用户界面路由器:后退按钮不适用于简单代码
EN

Stack Overflow用户
提问于 2014-07-17 16:49:43
回答 1查看 2.4K关注 0票数 3

这个简单的代码有两个链接,"State 1“和"State 2”。

当我单击"State 1“时,它会打印出”这是第一个状态“。当我单击"State 2“时,它会打印出”这是第二个状态“。

但是当我点击浏览器的后退按钮时,它仍然是“这是第二种状态”。难道不是应该改为“这是第一个州”吗?

CodePen:http://codepen.io/anon/pen/bCohi

守则:

代码语言:javascript
运行
复制
<html>
<head>
  <script src='https://ajax.googleapis.com/ajax/libs/angularjs/1.2.20/angular.min.js'></script>  
  <script type="text/javascript" src='http://cdnjs.cloudflare.com/ajax/libs/angular-ui-router/0.2.10/angular-ui-router.js'></script>
</head>
<body ng-app="myApp">
  <a ui-sref="state1">State 1</a>
  <a ui-sref="state2">State 2</a>
  <br>
  <ui-view></ui-view>
  <script>
  var myApp = angular.module("myApp", ['ui.router']);

  myApp.config(function($stateProvider, $urlRouterProvider) {
    var stateProvider = $stateProvider;
    stateProvider.state('state1', {
      url: 'state-1',
      template: 'This is the first state'
    });
    stateProvider.state('state2', {
      url: 'state-2',
      template: 'This is the second state'
    });
  });
  </script>
</body>
</html>
EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2014-07-17 17:11:43

哦-我想出来了。

代码语言:javascript
运行
复制
url: 'state-1',
. . . . . . . . . .
url: 'state-2',

应该是

代码语言:javascript
运行
复制
url: '/state-1',
. . . . . . . . . .
url: '/state-2',
票数 7
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/24809261

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档