ui-serf属性是在角js中自动重命名的。
ui-serf属性是在角js中自动重命名的。
提问于 2014-12-21 07:53:44
我编写了简单的代码来理解js角度的ui-路由器，但是代码工作正常，但是我的部分html代码是自动重命名的，我无法理解为什么会发生这种情况。
Html代码是<a ui-sref="state1.list">Show List</a>，浏览器代码是<a ui-sref="state.list" class="ng-scope">Show List</a>，因为要重命名state1以声明我的另一个部分视图没有调用并给出错误。
请看一看
<!--index.html-->
<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/xhtml" ng-app="myApp">
<head>
<meta charset="utf-8" />
<title>Angular UI Router Test </title>
<script src="//ajax.googleapis.com/ajax/libs/angularjs/1.1.5/angular.min.js"></script>
<script src="http://angular-ui.github.io/ui-router/release/angular-ui-router.min.js"></script>
</head>
<body>
<a ui-sref="state1"> State 1</a>
<div ui-view></div>
<script>
var module = angular.module('myApp', ['ui.router']);
module.config(['$stateProvider', '$urlRouterProvider', function ($stateProvider, $urlRouterProvider) {
$urlRouterProvider.otherwise('/state1');
$stateProvider
.state('state1', {
url: '/state1',
templateUrl: 'partials/state1.html'
})
.state('state1.list', {
url: '/list',
templateUrl: 'partials/state1.list.html',
controller: function ($scope) {
$scope.items = ["A", "List", "Of", "Items"];
}
});
}]);
</script>
</body>
</html>
<!--state1.html-->
<h1>State 1</h1>
<hr />
<a ui-sref="state1.list">Show List</a>
<div ui-view></div>
<!--state1.list.html-->
<h3>List of State 1 Items</h3>
<ul>
<li ng-repeat="item in items">{{ item }}</li>
</ul>
我错过了什么？
回答 1
Stack Overflow用户
回答已采纳
发布于 2014-12-21 08:02:16
我想说的是，你很可能没有注意到适当的因素。我在这里创建工作柱塞，它表明：
<a ui-sref="state1.list">Show List</a>生成的
<a ui-sref="state1.list" class="ng-scope" href="#/state1/list">Show List</a>正如我们所看到的，从state1.list到state.list没有任何变化。
最大的改变？-使用的是最新的角度和用户界面路由器版本的。
检查它这里，并可能尝试将其重置到“上述错误状态”。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/27587650
复制相关文章
相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号