angular.js＆amp;基础5手风琴

Question

我正在做一个AngularJS应用程序。这对我来说是一种全新的方法，但我越用它，我就越喜欢它！ Angular是一个非常酷的框架！

因此，对于我的第一个应用程序，我尝试使用Foundation 5来构建前端模块和后端模块。我正在使用Foundation的手风琴将内容包装在其中。

<dl class="accordion" data-accordion="">
    <dd class="accordion-navigation">
        <a class="active" href="#panel1">Foot-Hand-Volley <i class="foundicon-minus right"></i></a>
        <div id="panel1" class="content active">
            <div class="row">
                <div class="large-6 columns">
                    <ul class="no-bullet">
                        <li>15 designs</li>
                        <li>2 produits</li>
                        <li>2 matières</li>
                    </ul>
                </div>
                <div class="large-6 columns">
                    <ul class="no-bullet">
                        <li>4 formes</li>
                        <li>4 numéros et nom</li>
                        <li>12 logos et sponsors</li>
                    </ul>
                </div>
            </div>
            <a href="#" class="button">Supprimer le sport</a>
            <a href="#" class="button">Editer le sport</a>
        </div>
    </dd>

    <dd class="accordion-navigation">
        <a href="#panel2">Rugby <i class="foundicon-plus right"></i></a>

        <div id="panel2" class="content">

            <div class="row">
                <div class="large-6 columns">
                    <ul class="no-bullet">
                        <li>15 Designs</li>
                        <li>2 produits</li>
                        <li>2 matières</li>
                    </ul>
                </div>
                <div class="large-6 columns">
                    <ul class="no-bullet">
                        <li>4 formes</li>
                        <li>4 numéros et nom</li>
                        <li>12 logos et sponsors</li>
                    </ul>
                </div>
            </div>

            <a href="#" class="button">Supprimer le sport</a>
            <a href="#" class="button">Editer le sport</a>

        </div>
    </dd>

    <dd class="accordion-navigation">
        <a href="#panel3">Basket <i class="foundicon-plus right"></i></a>

        <div id="panel3" class="content">

            <div class="row">
                <div class="large-6 columns">
                    <ul class="no-bullet">
                        <li>15 Designs</li>
                        <li>2 produits</li>
                        <li>2 matières</li>
                    </ul>
                </div>
                <div class="large-6 columns">
                    <ul class="no-bullet">
                        <li>4 formes</li>
                        <li>4 numéros et nom</li>
                        <li>12 logos et sponsors</li>
                    </ul>
                </div>
            </div>

            <a href="#" class="button">Supprimer le sport</a>
            <a href="#" class="button">Editer le sport</a>

        </div>
    </dd>
    <dd></dd>

</dl>

在前端应用程序，它完美地工作！真的没问题。

在后端，我需要使用路线。在合适的时间我使用Angular路线，我的手风琴正在尝试添加url params，例如“＃panel1”，“＃panel2”...当我点击它时...而角度并不真正同意。 ..因为我的路线说：

app.config(function($routeProvider) {
    $routeProvider.
            when('/', {
                templateUrl: 'views/home.html',
                controller: 'homeCtrl'}).
            when('/login', {
                templateUrl: 'views/login.html',
                controller: 'loginCtrl'}).
            otherwise({
                redirectTo: '/'
            });
});

所以Angular强制重定向到根，我的手风琴不再被触发......

知道怎么解决吗？ 谢谢，希望我糟糕的英语会让你们明白我的问题！

Answer 1

在我看来，你有两个选择：

1. 使用Angular Foundation。
来自网址的
2. Remove the #，也称为HTML5模式。另外，initialize Foundation。

我使用Angular Foundation的手风琴非常成功，所以我可以推荐它。