个人中心
文章发布
退出
作者热门文章
- html - 出于某种原因，IE8 对我的 Sass 文件中继承的 html5 CSS 不友好？
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景？
25
4
我正在尝试使用 ui-router 创建一个 route 层次结构，但我遇到了问题。
我有三层模板:访客模板、用户模板、管理员模板。所以我的 index.html 页面是:
<html>
<head><!-- All common JS/CSS files such as Foundation and AngularJS --></head>
<body>
<!-- Some common directive such as <reveal></reveal> used for dialog/popin pages -->
<ui-view></ui-view>
</body>
</html>
然后，对于我的每个图层，我都有另一个模板。例如，对于 guest 我有:
guest.html
<nav><!-- The navigation for guest page --></nav>
<ui-view></ui-view>
对于 user 来说稍微复杂一些:
user.html
<nav><!-- The navigation for user page --></nav>
<ui-view="left"></ui-view>
<ui-view="main"></ui-view>
<ui-view="right"></ui-view>
现在，我对 guest 的状态非常简单:
$stateProvider
.state('guest', {
abstract: true,
templateUrl: 'path/to/guest.html'
})
.state('guest.login', {
url: '/login/',
template: '<login></login>'
});
用户 出现问题。就像上面一样，我创建了一个 abstract 状态，将 user.html 添加到模板中并允许我访问 3 个 View 。通常，如果我然后扩展状态，我可以将三个状态写为
.state('user.home', {
url: '/home/',
views: {
'left': { template: 'Left template' },
'main': { template: 'Main template' },
'right': { template: 'Right template'}
}
});
问题是我想在这里定义另一个抽象，叫做user.schedule，这些抽象状态有几个 child 。当我定义这个状态时，我仍然想访问我最初在 user.html 中创建的三个 View 。但是，由于这是一个抽象类，我需要为它定义模板。
我不知道如何处理这个抽象类。我“认为”我应该做的是:
.state('user.schedule', {
abstract: true,
views: {
'left': { template: '<ui-view></ui-view>' },
'main': { template: '<ui-view></ui-view>' },
'right': { template: '<ui-view></ui-view>'}
}
})
.state('user.schedule.view', {
url: '/schedule/:day/:month/:year',
views: {
'left': { template: 'This should work?' },
'main': { template: 'But it does not' },
'right': { template: 'I even tried giving the ui above a name and calling them here'}
}
})
我能做什么？
最佳答案
我很确定您在 user.html 中定义的左/主/右视口(viewport)仅适用于 user 的直系子级抽象状态。然后它会遵循您在 user.schedule.view 中声明的 View 状态必须对应于 user.schedule 中的命名视口(viewport)模板。
尝试在 user.schedule 中命名视口(viewport)模板 left , main , 和 right .可能会出现名称冲突，但是嘿，值得一试。
即。改变这个:
.state('user.schedule', {
abstract: true,
views: {
'left': { template: '<ui-view></ui-view>' },
'main': { template: '<ui-view></ui-view>' },
'right': { template: '<ui-view></ui-view>'}
}
})
.state('user.schedule.view', {
url: '/schedule/:day/:month/:year',
views: {
'left': { template: 'This should work?' },
'main': { template: 'But it does not' },
'right': { template: 'I even tried giving the ui above a name and calling them here'}
}
})
为此:
.state('user.schedule', {
abstract: true,
views: {
'left': { template: '<ui-view="left"></ui-view>' },
'main': { template: '<ui-view="main"></ui-view>' },
'right': { template: '<ui-view="right"></ui-view>'}
}
})
.state('user.schedule.view', {
url: '/schedule/:day/:month/:year',
views: {
'left': { template: 'This should work?' },
'main': { template: 'But it does not' },
'right': { template: 'I even tried giving the ui above a name and calling them here'}
}
})
此外，我不确定这是不是正确的形式:
<ui-view="name"></ui-view>
我确定这是正确的形式(per the docs):
<ui-view ui-view="name"></ui-view>
或
<div ui-view="name"></div>
关于angularjs - 在抽象父级上具有多个 View 的 ui-router，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/24400688/
25
4
0
我对 java 中的抽象有点困惑。 我查了很多页面说抽象就是数据隐藏(隐藏实现)。 我对抽象的理解是它是“部分实现”。只需在抽象类/接口(interface)中定义您需要的内容，然后扩展/实现它们并添
我是 Ruby 的新手，主要来自 C# 和 ActionScript 3(以及其他语言)。我对抽象功能很好奇。具体来说，包装和抽象 Ruby 的 FTP 和 SFTP 库。 我四处搜索，发现了一个名为
目录 Java基础知识（抽象） 抽象 抽象定义 abstract的使用 定义抽象类
这个月我花了一些时间与 Emacs Lisp 进行斗争，试图获得更好地满足我需求的自动缩进。令人惊讶的是，大多数缩进代码是多么低级。我只看到了很少的抽象，例如 搜索不在字符串或注释中的第一个正则表达式
我有以下内容: public abstract class Foo{ //contents of Foo // ... public class Bar extends
我有三个类(class)(A 类、B 类和 C 类)。 类 A 调用 B 的实例并运行 start()。 B类扩展了Thread，因此当调用start()时，run()方法中的任何内容都会被执行。 在
这个问题已经有答案了: Calling a subclass method from superclass (5 个回答) 已关闭 7 年前。 Klasse1是一个抽象类，有一个 foo()方法。 K
我有一个这样的函数: def test(): x = "3" # In actual code, this is computed if x is None: retu
我有两个基类之间的关系: public abstract class RecruiterBase { // Properties declare here // Constructors de
这是我第一次发帖，但我遇到了很多问题。我目前有一个带有标题的 AbstractDevice 类: public abstract class AbstractDevice> implements De
我有一个 MotorDefinition 类和一个名为 Motor 的抽象类: class MotorDefinition { public: MotorDefinition(int p1,
是否有任何方法可以在这种代码(sass)中制定 css 的抽象规则: #cottage-image-gallery input:nth-of-type(1):checked ~ label:nth-o
是否可以声明一个已知的基类型并允许传输所有派生类型？ [ServiceContract] public interface IService { [OperationContract]
我目前正在为基于 Java 的文本游戏开发角色生成机制，但我遇到了一个问题，看不出哪里出了问题。我有一个“Character”类，它是抽象的，然后是另一个类“NPCharacter”，它是建立在这个之
抱歉，标题令人困惑。不太确定如何表达它，这可能是问题所在! 我正在寻找一个好的抽象来用于涉及并发线程的情况。 我已经接近了，但还不是很清楚。 稍微简化一下，我在 Android 手机上收集了两种传感器
提前感谢您阅读本文。我不完全理解如何/何时使用摘要，所以我试图在我从事的每个项目中考虑它，看看它是否会在某一天全部点击 Smile | :) 此外，可访问性级别(私有(private)、 protec
我正在探索用于生成 Web 内容的 XML -> XSLT -> HTML 模因。我的 XSLT 经验很少。 我很好奇 XSLT 中有哪些机制可用于处理抽象或“重构”。 例如，使用通用 HTML 和服
在这些谈话中 Nicholas Zakas和 Addy Osmani他们讨论了在构建大型 Javascript 应用程序时将外观模式用作沙箱的想法，以便将应用程序与底层基础库分离。 这种解耦理论上允许
我使用C++和CUDA/C，想为特定问题编写代码，但遇到了一个非常棘手的简化问题。 我在并行编程方面的经验不容忽视，但相当有限，我无法完全预见到此问题的特殊性。 我怀疑是否有一种方便甚至“轻松”的方式
假设我有: trait A class B extends A class C extends A 有没有办法配置类型参数: class Foo[AType <: A with canCreateIn
我是一名优秀的程序员,十分优秀！