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="#"> </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>