我有一个周一至周日的选项卡集,我想在单击任何选项卡时加载不同的部分文件。我如何在 AngularJS 中做到这一点
<div ng-controller='CleaningServicesCtrl' ng-init= 'getlocations()'>
<div class="container">
<div class="btn-group" dropdown>
<button type="button" class="btn ">Select Your Location</button>
<button type="button" class="btn dropdown-toggle" dropdown-toggle>
<span class="caret"></span>
</button>
<ul class="dropdown-menu" role="menu">
<li ng-repeat="perlocation in locations"><a ng-click='loadCalendar(perlocation)'>{{perlocation.name}}</a></li>
</ul>
</div>
<div>
<tabset justified="true">
<tab heading="Sunday"></tab>
<tab heading="Monday">Monday</tab>
<tab heading="Tuesday">Tuesday</tab>
<tab heading="Wednesday">Wednesday</tab>
<tab heading="Thursday">Thursday</tab>
<tab heading="Friday">Friday</tab>
<tab heading="Saturday">Saturday</tab>
</tabset>
</div>
</div>
</div>
我的部分文件 sundayPartial.html
<div>
<h3>Sunday Here</h3>
</div>
所以基本上,当我单击“星期日”选项卡时,它应该加载“星期日”选项卡下的 sundayPartial.html
我的app.js
angular
.module('letsSchedulecommyApp', [
'ngCookies',
'ngResource',
'ngRoute',
'ui.bootstrap',
'ui.calendar',
'ngSanitize'
])
.config(function ($routeProvider) {
$routeProvider
.when('/', {
templateUrl: 'views/cleaning_services/homepage.html',
controller: 'CleaningServicesCtrl'
})
});
任何帮助表示赞赏。谢谢
最佳答案
你尝试过吗:
<div ng-include src="'sundayPartial.html'"></div>
?
关于javascript - 在 AngularJS 中加载部分 html 文件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29313045/