Question

我正在尝试使用Angular-Foundation - http://pineconellc.github.io/angular-foundation/但它似乎没有用。样本本身就是我正在测试的（在我自己的应用程序上尝试之后，它也失败了。）

以下是plunker - http://plnkr.co/edit/?p=preview

问题是当您单击汉堡菜单图标时它不显示菜单。我甚至不确定如何调试问题以找出问题所在。我知道如果我删除mm.foundation服务它将开始工作，但它只是基础，没有更多的角度指令。

谢谢！

更多信息在plunker中找到：

HTML：

<div ng-controller="OffCanvasDemoCtrl">
    <div class="off-canvas-wrap">
        <div class="inner-wrap">
            <nav class="tab-bar">
                <section class="left-small">
                    <a class="left-off-canvas-toggle menu-icon" ><span></span></a>
                </section>

                <section class="middle tab-bar-section">
                    <h1 class="title">OffCanvas</h1>
                </section>

                <section class="right-small">
                    <a class="right-off-canvas-toggle menu-icon" ><span></span></a>
                </section>

            </nav>

            <aside class="left-off-canvas-menu">
                <ul class="off-canvas-list">
                    <li><a href="#">Left Sidebar</a></li>
                </ul>
            </aside>
            <aside class="right-off-canvas-menu">
                <ul class="off-canvas-list">
                    <li><a href="#">Right Sidebar</a></li>
                </ul>
            </aside>
            <section class="main-section">
                <div class="small-12 columns">
                    <h1>How to use</h1>
                    <p>Just use the standard layout for an offcanvas page as documented in the <a href="http://foundation.zurb.com/docs/components/offcanvas.html">foundation docs</a></p>
                    <p>As long as you include mm.foundation.offcanvas it should simply work</p>
                </div>
            </section>

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

使用Javascript：

angular.module('plunker', ['mm.foundation']);
angular.module('foundationDemoApp').controller('OffCanvasDemoCtrl', function ($scope) {

});

Angular-Foundation指令不起作用

0 个答案: