angularjs - Angular ui-router subview 问题-6ren

angularjs - Angular ui-router subview 问题

转载作者：行者123 更新时间：2023-12-02 22:42:57

25

4

我已经使用 Angular 一两年了，但这是我使用 ui-router 的第一个项目。我遇到了一些 View 和 subview 的问题。该应用程序是一个标准的左侧菜单栏，右侧的 View 根据在菜单栏中单击的内容而变化。

在index.html

<body>
    <div ui-view></div>
</body>

在 config.js 文件中，定义路由

 .state("dashboard", {
        url: "/dashboard",
        templateUrl: "components/dashboard/dashboard.html",
        data: {
            pageTitle: "Dashboard",
            requiresLogin: false
        }
    })

    .state("dashboard.welcome", {
        url: "/welcome",
        templateUrl: "components/welcome/welcome.html",
        data: {
            pageTitle: "Welcome",
            requiresLogin: false
        }
    })

在dashboard.html文件中

 <div class="dashboard">
    <div class="container-fluid">
     <div class="row">
      <div class="col-xs-12 col-md-8">
       <div ui-view>

/dashboard 路径加载正确，并将加载左侧导航栏，右侧为空白。但将状态更改为 dashboard.welcome (/welcome) 将不会加载welcome.html 模板。

最佳答案

每当使用ui-router时，您都需要了解状态的概念与路由不同。当您定义子状态时，其定义是相对于其父状态的。在您的场景中，dashboard.welcome 被定义为 dashboard 的子状态。到子状态的路由是相对于父级的，并且是{parent url}/{child url}。因此，您应该使用以下 2 种方法之一来路由到该状态:

使用 $state.go 通过指定状态名称更改状态

$state.go('dashboard.welcome');

使用 $location.path 通过指定 url 更改路线

$location.path('/dashboard/welcome');

关于angularjs - Angular ui-router subview 问题，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/37074889/

25

4

0

文章推荐： angularjs - Angular 指令在 HTML 表格中无法正常工作

文章推荐： Git:如何将两次提交之间的所有提交压缩为一次提交

文章推荐： exception - 调试器未捕获异步异常

文章推荐： haskell $!运算符和无限列表

ios - 在表格滚动的自定义表格单元格中添加 subview subview 消失该做什么 subview 返回单元格
我在自定义表格单元格中长按时添加 subview ，但是当我滚动表格时， subview 消失。 p> 我应该怎么做，以便当我向后滚动时，该 subview 仍然显示/出现在该单元格上，或者换句话说，
iphone - 如何遍历 UIView 的所有 subview 及其 subview 及其 subview
如何遍历 UIView 的所有 subview ，以及它们的 subview 和它们的 subview ？最佳答案使用递归: // UIView+HierarchyLogging.h @inter
ios - 当两个 subview 具有相同的父 View 时，根据其他 subview 居中 subview
如果我有 contentView 和 2 个 subview 。我想根据subviewB居中subviewA subviewA 和 subviewB 有相同的父 View 。这就是我现在正在做的，将
ios - self.view 添加 subview ，但让某些 subview 内容不被添加的 subview 覆盖
我想向 self.view 添加一个覆盖整个区域的 subview (如调光 View )。但在它下面，有一些 View 我不希望受到添加的 subview 的影响(我不希望这些 View 具有变暗的
ios - 向 UITabBar 添加 subview ，该 subview 落后于其他 UITabBar subview
我正在尝试向 UITabBar 添加 subview ，它应该位于其他 UITabBar subview 之后。我在 UITabBarController 的子类中添加了这样的 subview :
ios - 如何在展开 subview 时在 TableView 单元格中添加 subview 并对它们的 subview 元素执行操作？
图像描述了我必须将这种 subview 添加到我现有的单元格中，并且在多次单击“添加”图标时还要添加相同的 subview 。我在添加 subview 时遇到困难。如果有人能为我提供处理此结构的正确
ios - subview 将触摸传递给其下方的 subview
我添加了一个 subview ，如下所示: func showPlayerView2() { self.view.frame = CGRect(x: 0, y: 0, width: view.
ios - subview 层变换和布局 subview
我的问题是关于 UIView/CALayer: Transform triggers layoutSubviews in superview 据报道，来自苹果的 TSI 回复: Generally,
ios - 大 subview 以适应另一个小 subview
我试图为我的主视图创建一个辅助 View 。这个 subview 需要很小的高度，它需要适合另一个带有标签的大 UIView。问题是当我使用 UIView addSubview 时，第三个 UIVi
ios - 淡出除一个特定 subview 之外的 subview
我正在尝试淡出整个 View ，但只有一个特定的 subview , 这将强调 subview更清晰的外观。假设 self.view 有 5 textfields和 2 UIView如subviews
ios - 使用自动布局将 subview 添加到另一个 subview
我确信我在这里错过了一些愚蠢的东西，但我有 mainView、subviewA 和 subviewB。我试图将 subviewB 添加到 subviewA 并将其锚定在 subviewA 内部，但是它
iOS : Resizing subview by removing a subview
我有一个包含 3 个 subview 的 View ，分别称为 view A、view B、view C。当我删除 subview 时，意味着我需要自动设置边距以进行调整。当我删除 view A
iphone - 如何阻止一个 subview 覆盖另一个 subview
我有两个加载的 subview 。一个是位于 View Controller 内部的选项卡栏，它很早就加载，第二个是按下选项卡栏项目时出现的 View 。但是，当添加此 subview 时，它会加载
ios - 从另一个 subview 内部和下方添加一个 subview
在 iOS 应用中，我在主视图中添加了一个 subview : [self.view addSubview:firstUIImageSubview]; 但是在 subview 类 firstUIIma
iOS - 删除所有 subview 后重新添加 subview
我正在制作一个球程序，您可以通过长按手势将球 UIView subview 添加到 super View 。点击 View 会将其从父 View 中移除。添加所有 View 效果很好，重新添加 Vi
iphone - 如何在检查是否已添加 subview 后使用相同的按钮操作关闭 subview ？
我使用以下代码在单击按钮时将日期选择器 View 添加到我的应用程序主视图。 - (IBAction)CalenderButton_Click:(id)sender { // code to add
Swift:将 subview 添加到另一个 subview
我正在努力向 View 添加 subview 。进度变量在其 View Controller 的 viewDidLoad() 中设置。 progressView frame size 设置正确，只是添
ios - 如何在不隐藏最后添加的 subview 的情况下添加多个 subview ？
这是我的代码 var button = [UIButton?](count:3, repeatedValue: UIButton()) for i in 0...2{
ios - 更新一些 subview 而不更新所有 subview
我有一个 UIViewController，里面有几个不同的 UIView subview 。当用户调用某个 Action 时，我手动更改每个的大小、比例和位置。我想更新其中一个 UILabel( s
javascript - subview 模型修改不同的 subview 模型
我的屏幕有一个主视图模型。它由 2 个 subview 模型组成。其中一个负责注册部分。其中一个处理登录部分。其中一个负责处理菜单部分(如果经过身份验证，可以显示哪些菜单项，以及“欢迎“用户名”类型

首页

博学

6Ren·AI

商城

angularjs - Angular ui-router subview 问题