Angularjs 角度/基础-ng视图内部画布外包裹_Angularjs_Zurb Foundation_Zurb Foundation 5_Ng View

Angularjs 角度/基础-ng视图内部画布外包裹

angularjs zurb-foundation

Angularjs 角度/基础-ng视图内部画布外包裹,angularjs,zurb-foundation,zurb-foundation-5,ng-view,Angularjs,Zurb Foundation,Zurb Foundation 5,Ng View,我似乎有一个基本的问题。代码非常简单： <body ng-app="myApp"> <div class="off-canvas-wrap" data-offcanvas> <div class="inner-wrap">  <nav class="tab-bar"> <section class="left-small">

我似乎有一个基本的问题。代码非常简单：

<body ng-app="myApp">

  <div class="off-canvas-wrap" data-offcanvas>
    <div class="inner-wrap">
      <!-- navigation -->
      <nav class="tab-bar">
        <section class="left-small">
          <a class="left-off-canvas-toggle menu-icon" href="#"><span></span></a>
        </section>
        <section class="middle tab-bar-section">
          <h1 class="title">My App</h1>
        </section>
      </nav>

      <!-- left-hand menu -->
      <aside class="left-off-canvas-menu">
        <ul class="off-canvas-list">
          <li><label>Foundation</label></li>
          <li><a href="#">One</a></li>
          <li><a href="#">Two</a></li>
          <li><a href="#">Three</a></li>
          <li><a href="#">Four</a></li>
          <li><a href="#">Five</a></li>
        </ul>
      </aside>

      <!-- primary content -->
      <div ng-view></div>

      <a class="exit-off-canvas"></a>
    </div>
  <div>

</body>


我的应用程序







截图2

我做错了什么

角度1.4.9
基础5.5.3
我更改了一行以使其正常工作：
这一行：
<a class="left-off-canvas-toggle menu-icon" href="#"><span></span></a>



现在是：
<span class="left-off-canvas-toggle menu-icon"><span></span></span>



我考虑过使用href=“javascript:
，但这样做感觉有点恶心。然而，这就像一种魅力。请注意，内部元素需要在基础5中显示实际图标。这就是为什么会有额外的span
标记
由于我的路由配置中有一个输入错误，这暂时无法工作。我用的是tempalte而不是template
（面部手掌）
我假设，因为当您单击菜单图标时，路线正在更改，因此该路线的加载视图也在更改。我将不得不四处摆弄，看看是否可以阻止这些单击中的任何一次导航。这可能会有帮助：