当前位置: 首页 > 面试题库 >

Angular UI-Router如何创建“布局”状态?

艾浩广
2023-03-14
问题内容

给定这样的HTML文件:

<html>
<header ui-view="header"></header>
<div class="main" ui-view></div>
<footer ui-view="footer"></footer>
</html>

如何创建一个布局状态,以一个标题模板填充“标题”,用一个脚注模板填充页脚,然后允许子状态填充空的ui视图?

我想空的ui-view也可以命名为ui-view =“ main”。


问题答案:

一种方法是建立全局“根”状态。因此, 每个
州都是孩子。像root.pages,root.pages.edit,root.settings等。然后,您可以提供页眉和页脚的默认模板。

我个人使用的另一种不同方法是ng-include用于页眉和页脚。

<body ng-controller="AppCtrl">
  <div id="header" ng-include="'header.tpl.html'"></div>
  <div class="main_container" ui-view>
  </div>
</body>

顺便说一句。我在header.tpl.html中使用单独的控制器,这是主AppCtrl的子级:

<div id="header" ng-controller="HeaderCtrl"> ....


 类似资料:
  • 问题内容: 我想这样布局我的JPane: 这样,顶部比底部更大/更小(顶部由另一个JPanel组成,并使用Graphics对象显示图像,而底部也由另一个JPanel组成,但使用Graphics对象绘制一些线和文字)。 我听说最好的方法是使用GridBagLayout和GridBagConstraints。 我试图找出GridBagConstraints的适当属性,但遇到了一些困难。这是我到目前为止

  • 如何为我的所有页面创建基本模板? 我试着在所有可用的页面上做一个RadSideDrawer。(除了一些特定的页面,如登录/注册等)。 目前,我在所有页面上复制并通过我的菜单。正确的处理方式是什么?

  • 12.2.2.创建XML布局 小部件的外观布局很简单。留意我们在这里重用了TimelineActivity中用到的row.xml文件,用以表示消息的显示。另外再给它加一个小标题,在主屏幕上更醒目些。 例 12.2. res/layout/yamba_widget.xml <?xml version="1.0" encoding="utf-8"?> <!-- #1 --> <LinearLayout

  • 问题内容: 我想有多个布局(1-col,2-col,3-col),我想根据所需的布局切换到不同的路线。 我目前有一个根状态,默认情况下使用某种布局,然后在该布局中包含用于标题(如页眉,页脚,边栏等)的ui-view指令。 我只是想知道是否有可能更改嵌套状态的布局,因为它目前不起作用,并且控制台或linter中没有出现错误。 我目前在浏览器中完全没有输出,这使我认为我实现了错误的方法,因为所有路由都

  • 问题内容: 使用应用程序的给定结构(源自angular-app): 标头:这里是网站导航,登录/退出工具栏等。它是动态的,具有自己的控制器 notification:全局通知容器。 容器:这曾经是我的。这就是所有其他模块的加载位置。 页脚:全局页脚。 状态层次结构如何?我已经看过了显示单个模块(联系人)的示例,但是通常一个应用程序将具有全局(根)状态,而在根状态内部则呈现其他模块状态。 我在想的是

  • 问题内容: 是Android开发的新手。我已经创建了一个android应用,下面是我的main.xml 正在收到以下警告: 谁能说出此警告的原因和解决方案。 问题答案: 在RelativeLayout中仅使用LinearLayout并没有实际用途。因此,其中之一是无用的,因为这是多余的。 编辑 当版式只有一个孩子也是版式时,将触发此警告。在这种情况下,两者都可以移除而没有任何问题。建议删除这些多余