Fatal编程技术网
  • module/
  • Module aureliajs条件父布局

Module aureliajs条件父布局

module aurelia

Module aureliajs条件父布局,module,render,aurelia,Module,Render,Aurelia,我正在用aureliajs编写我的客户端应用程序。默认情况下，对于这样的路线： /app/access/management 我的应用程序呈现如下： /app/access/management 例如，假设标题和边栏在app上呈现，然后在access中呈现一个公共容器，最后在management中呈现主html 现在，我有了一个子组件access，例如名称为list。在这个组件中，我希望页面呈现时没有任何父容器（没有父html标记） 所以我想我有一些解决办法： 在另一个模块中创建列表，例如

我正在用aureliajs编写我的客户端应用程序。默认情况下，对于这样的路线：

/app/access/management
我的应用程序呈现如下：

/app/access/management

例如，假设标题和边栏在
app
上呈现，然后在
access
中呈现一个公共容器，最后在
management
中呈现主html

现在，我有了一个子组件
access
，例如名称为
list
。在这个组件中，我希望页面呈现时没有任何父容器（没有父html标记）

所以我想我有一些解决办法：

  • 在另一个模块中创建
    列表
    ，例如
    /app1/access/list
    ，该模块不会在app1和access上呈现任何其他html

  • 在
    app
    和
    access
    中创建一个条件，以决定绘制页眉和页脚等

  • 调用
    列表中的函数以隐藏父级中绘制的布局
    • 但是我找不到最好的办法。例如，告诉父对象不要渲染某些内容的方法

    最佳实践或模式是什么？

    如果
    访问组件
    查看模型，则可以使用条件检查路由是否为
    /app/access/list
    ，然后使用无容器属性加载组件

    与MVC风格的主控/布局页面类似，Aurelia允许您使用 “布局”视图类似于一组视图的MVC“主模板”

    中定义了作为布局一部分的视图集 Aurelia是路由器中一个或多个路由引用的一组视图 配置将布局与管线关联有两种方法。 第一个是通过HTML，第二个是通过视图模型代码

    及

    。。。要在router view自定义元素上指定布局，我们使用 以下属性：

    • 布局视图-指定要使用的布局视图的文件名（带路径）
    • 布局视图模型-指定要与布局视图一起使用的视图模型的moduleId
    • 布局模型-指定要传递给布局视图模型的激活功能的模型参数
    然后通过路由配置：

    。。。我们还可以使用中的代码将布局与管线配置关联起来 我们的视图模型。假设我们喜欢上面所做的，但是我们有一个 我们希望与不同布局关联的几个视图 因此，希望部分覆盖中给出的配置 HTML。下面的代码是我们如何做到这一点的示例：

    我建议你仔细阅读这篇文章：

    谢谢穆罕默德。奥米德的回答解决了我的问题。我认为这是一个更合适的解决方案，尽管你的解决方案是这样。结合使用布局和子路线使我陷入困境，但最终我以某种方式解决了它。谢谢