【问题标题】:Loading a state into a div from anywhere with angularjs and ui.router使用 angularjs 和 ui.router 从任何地方将状态加载到 div
【发布时间】:2015-11-24 19:37:47
【问题描述】:

我有一个这样的 div:

<div class="messengerPane">
</div>

它将在应用程序的每个状态/视图上,我需要在单击时使用参数将不同的视图加载到其中:

例如:

<a>Message</a>

那个 ui-sref 为整个视图打开了 messenger 窗口,我只想将该状态加载到 div 中,我不能做一个嵌套状态,因为它必须可以从任何状态访问。

请注意,我在别处已经有另一个&lt;div ui-view&gt;&lt;/div&gt;

这是一个 plnkr,显示了我正在尝试做的事情: http://plnkr.co/edit/qbg8E2

【问题讨论】:

    标签: angularjs angular-ui-router


    【解决方案1】:

    只需将视图放在该 div 中

    <div class="messengerPane">
        <div ui-view></div>
    </div>
    

    【讨论】:

    • 除了这个,我还要加载其他视图
    • 您想在同一页面中加载多个视图吗?
    • @Jordash - ui-view 指令只会加载与您调用的状态相关的任何模板,无论它是否使用 $state.go() 调用的 ui-sref。在发布此答案之前,您首先是如何使用 ui-view 的?
    • 是的,同一页面上的多个视图,但来自任何状态。
    • 我没明白你的意思。你为什么需要那个......请解释一下外部div,如果它只是这个div,那么浪费你和我们的大量时间是没有意义的......
    猜你喜欢
    • 1970-01-01
    • 2014-10-13
    • 1970-01-01
    • 2018-08-19
    • 2015-12-22
    • 2015-07-05
    • 1970-01-01
    • 2016-07-12
    • 1970-01-01
    相关资源
    最近更新 更多