如何使用angular在所有视图中添加公共视图?

时间:2014-08-14 09:07:50

标签: javascript jquery angularjs

你可以告诉我如何在所有视图中查看常见视图吗?我需要一个面板,我需要在所有视图中显示该面板吗?能告诉我它是如何实现的吗?

这是我的小组 http://plnkr.co/edit/rt5dAwhVzvP14UDR2jc7?p=preview

现在我需要在两个视图的面板中显示它是如何可能的? http://plnkr.co/edit/KnUGjEBOhiBAp0e6ThIl?p=preview 我能够添加常见..它是实现

的最佳方式
  <body>
  <a  class="large button toggle" pageslide="right" ps-speed="0.8" href="#demo-right">Open Demo</a>
  <div style="padding:20px" id="demo-right">
                <h2>Hello Pageslide</h2>
                <p>Put here whatever you want</p>
                <a id="demo-right-close"i class="button" >Close</a>
            </div>
      <ng-view></ng-view>
  </body>

使用相同的按钮添加切换面板?

1 个答案:

答案 0 :(得分:1)

理想情况下,将面板创建为指令,然后将其包含在您希望显示的每个视图中?

https://docs.angularjs.org/guide/directive

特别注意这一部分:

https://docs.angularjs.org/guide/directive#template-expanding-directive