AngularJSng-include

我在使用ng-inculdeangularJS 时遇到以下问题。引导程序汉堡图标不起作用。但如果我不使用ng-include它,它工作得很好。我做错什么了吗?。

在使用ng-include?之前,我需要先进行任何设置吗?

主 html

...
<body>
<ng-include src="'../Content/Shared/Header.html'"></ng-include>
<ng-view></ng-view>
</body>
....

包含 html

<header>
<div>
    <div>
        <div>
            <a href="../main/index.html">
                <span>My Project</span>
            </a>
        </div>
        <div>
            <form ng-submit="searchProducts()">
                <input type="text" placeholder="Search Collection...." list="_items" ng-model="searchText" ng-keyup="searchItemNames()" autocomplete="off" />
                <datalist>
                    <option ng-repeat="result in results" value="{{result}}">{{result}}</option>
                </datalist>
                <button type="submit"><i></i></button>
            </form>

        </div>
        <div>
            <nav>
                <button type="button" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
                    <img src="../Content/dist/images/icon-header-menu.png" />
                </button>

                <div>
                    <ul>
                        <li>
                            <a href="#">Discover</a>
                        </li>
                        <li>
                            <a href="#">About Us</a>
                        </li>
                        <li>
                            <a href="#">Help</a>
                        </li>
                        <li>
                            <a href="" ng-click="logout()" ng-show="isSignedIn">Logout</a>
                            <a href="" ng-click="signin()" ng-show="!isSignedIn">Sign In</a>
                        </li>
                        <li>
                            <a href="#">
                                <img src="../Content/dist/images/icon-header-menu.png" />
                            </a>
                        </li>
                    </ul>
                </div>
            </nav>

            <div>
                <a href="#">
                    <img src="../Content/dist/images/icon-header-menu.png" />
                </a>
            </div>
        </div>
    </div>
</div>

<div>
    <a href="#">&nbsp; </a>
    <ul>
        <li>
            <a href="#">
                <div>
                    <img src="../Content/dist/images/icon-inbox.png" />
                </div>
                <div>
                    Inbox
                </div>
            </a>
        </li>
      
        <li>
            <a href="#">
                <div>
                    <img src="../Content/dist/images/icon-purchase.png" />
                </div>
                <div>
                    Purchases
                </div>
            </a>
        </li>
    </ul>

    <div>
        <div ng-show="!isSignedIn">
            <input type="submit" value="Login/Sign Up" ng-click="signin()" />
        </div>
        <div ng-show="isSignedIn">
            <input type="submit" value="Logout" ng-click="logout()" />
        </div>
        <div>
            <input type="submit" value="Change Password" />
        </div>
    </div>
</div>

以上是AngularJSng-include的全部内容。
THE END
分享
二维码
< <上一篇
下一篇>>