个人中心
文章发布
退出
作者热门文章
- html - 出于某种原因，IE8 对我的 Sass 文件中继承的 html5 CSS 不友好？
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景？
26
4
我在这里问了一个类似的案例，但后来我发现这并不是我想要做的:
这是一个新版本:
HTML
<body ng-app="plunker">
<div>
<a ui-sref="admin">Admin</a>
<a ui-sref="user">User</a>
</div>
<div ui-view></div>
</body>
JS
var app = angular.module('plunker', ['ui.router']);
app.config(function ($stateProvider, $urlRouterProvider) {
$urlRouterProvider
.when('/', '/admin/dashboard')
.when('/admin', '/admin/dashboard')
.when('/user', '/user/dashboard')
.otherwise('/admin/dashboard');
$stateProvider
.state('admin.dashboard', {
url: '/admin/dashboard',
resolve: {
test: function() {
console.log('called admin');
return;
}
},
template: '<div>admin navigation. Go <a ui-sref="admin.link1">link1</a></div>'
})
.state('admin.link1', { //for some reason admin.link1 does not work but just link1 is OK
url: '/admin/link1',
resolve: {
test: function() {
console.log('admin.link1 called resolve');
return;
}
},
template: '<div>admin link1</div>'
})
.state('user', {
url: '/user/dashboard',
template: '<div>user dashboard</div>'
});
});
代码:http://plnkr.co/edit/NYdWC1j9xskQnY8LjJkZ?p=preview
要求
我不需要为父路由呈现任何内容 ( admin )
默认重定向为 /admin/dashboard
我需要将 url 正确构造为 /admin 的子级因为上一个问题，结果是/admin/dashboard/admin/link1
我确实需要 admin和 user parent 。需要 child 的关系。这个以后会用到。
问题
现在我无法显示像 admin.dashboard 这样的子路由.它只是空白。如何显示dashboard默认情况下？
如果我添加下面的行来显示 admin模板，甚至这个 ui-sref="admin.dashboard"不会带我去正确的dashboard子路由
javascript
.state('admin', {
url: '/admin',
template: '<div>admin. Go <a ui-sref="admin.dashboard">dashboard</a></div>'
})
最佳答案
有一个updated plunker .为了简单起见，我首先更改了状态的名称'admin.dashboard'进入:
.state('admin_dashboard', {
url: '/admin/dashboard',
...
原因是，任何点在这里都被视为子状态。我们现在可以(但不是必须)介绍admin 的子状态，以解释如何调用它state。妥妥的……
这些是<a> 内部的调用 中的重要变化。
不 工作 ui-sref(原始)
<div>
<a ui-sref="admin">Admin</a>
<a ui-sref="user">User</a>
</div>
工作 ui-sref
<div>
<a ui-sref="admin_dashboard">Admin</a>
<a ui-sref="user">User</a>
</div>
工作 href
<div>
<a href="#/">Admin as <samp>'/'</samp></a>
<a href="#/admin">Admin as <samp>'/Admin'</samp></a>
<a href="#/user">User</a>
</div>
正如我们所见，ui-sref必须包含州名，而 href可以(必须)包含 url，即使是在 when() 中定义的那个
检查更新的 example ...
更新:
如果我们想和父子一起去，我们可以这样设置
$stateProvider
.state('admin', {
url: '/admin',
template: '<div>admin. Go <a ui-sref="admin.dashboard">dashboard</a>' +
'<div ui-view=""></div>' +
'</div>'
})
.state('admin.dashboard', {
url: '/dashboard',
resolve: {
test: function() {
console.log('called admin');
return;
}
},
template: '<div>admin navigation. Go <a ui-sref="admin.link1">link1</a></div>'
})
.state('admin.link1', {
url: '/link1',
resolve: {
test: function() {
console.log('admin.link1 called resolve');
return;
}
},
template: '<div>admin link1</div>'
})
.state('user', {
url: '/user/dashboard',
template: '<div>user dashboard</div>'
});
这些就是 anchor
不 工作 ui-sref(原始)
<div>
<a ui-sref="admin">Admin</a>
<a ui-sref="user">User</a>
</div>
工作 ui-sref
<div>
<a ui-sref="admin.dashboard">Admin</a>
<a ui-sref="user">User</a>
</div>
工作 href
<div>
<a href="#/">Admin as <samp>'/'</samp></a>
<a href="#/admin">Admin as <samp>'/Admin'</samp></a>
<a href="#/user">User</a>
</div>
和更新的plunker
关于javascript - 将子路由设为默认，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/24922311/
26
4
0
我收到此错误消息: .rvm/gems/ruby-2.5.1/bin/ruby_executable_hooks:24:in `' 我重新安装了 Ruby rvm reinstall ruby-2.5
我开始从事 WPF Ribbon 开发，非常好! 我的问题是找到(免费)基本图标(如文件保存/打开/等，剪切/粘贴/等)。 你有什么建议吗？ 最佳答案 你看过Visual Studio Icon Li
我只找到经典的声音ID，但我需要Chord(默认)日历警报。如何播放声音？ ks #define systemSoundID 1315 AudioServicesPlaySystemSound (s
在 Magento 中创建货件时，有一个复选框可让您“通过电子邮件发送货件副本”。 默认情况下未选中。有谁知道我需要编辑哪个文件才能默认设置为“选中”？ 最佳答案 这是一个app/design/adm
我有一个简单的 IValueConverter，它只使用 TypeConverter 进行转换。但是，在某些情况下，提供的 TypeConverter 会失败。 如果转换器未提供 Binding，我想
我正在阅读教程，默认 Activity 是一个扩展另一个类的类，它所拥有的只是一个覆盖方法。应用程序如何工作，因为它不做任何其他事情？我很困惑! 最佳答案 父类 Activity 为您处理一切。 关于
我刚刚开始研究游戏框架。我正在尝试构建 rest api，并将 postgresql 用于我的数据库连接。这是我第一次同时使用 play 和 postgre。我在 build.sbt 中建立了一个数据
是否可以创建具有以下属性的 python 对象: class Foo: def __default_method__(x): return x f = Foo() f(10) > 10
我是 jQuery 的新手，遇到了一个烦人的问题。我有一些登录字段，当该字段为空时会填充默认文本，然后在单击时删除。 我的问题是，当用户保存了他们的用户名/密码(使用浏览器)时，如果他们返回页面，登录
考虑这个代码片段: void Foo(std::string str1, std::string str2) {} template void Bar() { Foo(Types{}...);
我正在编写一个简单的 C 程序，我应该用缓冲区溢出来攻击它。所以，我不想在编译时使用任何标志。如何消除使用的默认标志？ # readelf -p .GCC.command.line stack Str
考虑这个代码片段: void Foo(std::string str1, std::string str2) {} template void Bar() { Foo(Types{}...);
我有以下代码[这是一道面试题]: #include #include using namespace std; class A{ public: A(){ cout co
我想在 Autofac 中为每个匹配的生命周期范围注册创建一个实例，但偶尔需要从全局容器(没有匹配的生命周期范围)请求一个实例。在不存在匹配生命周期范围的情况下，我想给出一个顶级实例而不是抛出异常。
我正在做一个收集单词共现的修改版本，所以我编写了自己的 javascript，我正在跟踪三个对象中的出现。但是，一旦对象变大(约 800 万、300 万和 172000)，每 100000 个句子需要
我正在使用 pykalman 模块中的 KalmanFilter，我想知道它如何处理缺失的观察结果。根据文档: In real world systems, it is common to have
我有一个应用了 RenderTransform 的 Canvas ，如下所示: 谁能告诉我这些值是什么意思？我似乎无法找到用于解析这些值的转换器。 最佳答案 如 RenderTransform是 T
我是 Linux 的新手，现在使用 CentOS 6。我在这里使用 MySQL 工作台，每当我尝试添加新连接时，它都会询问我默认的 key 环密码。我真的不知道，这个密码是从哪里设置的，我之前没有设置
我在 Ubuntu 18.04 上工作。我没有定义 GL_GLEXT_PROTOTYPES .我使用 glXGetProcAddress 加载“核心”OpenGL 函数.我的申请链接到 /usr/li
我按照文档中的示例添加了对使用 asio 加载 HTTPS 站点的支持，这意味着我调用 ctx.set_default_verify_paths();使用系统默认路径来查找证书。 然而，我得到:una
我是一名优秀的程序员,十分优秀！