我刚刚开始使用 AngularJS,所以如果存在明显的答案,我深表歉意。我一直在网上查找,但找不到答案,如果我走错了路,我不想浪费时间。
我想构建模板 HTML 文件以加载到我的网站(header.html/footer.html 等)并使用 Angular 控制它们的外观。使用 AngularJS 指令和静态 html 文件可以正常工作:
JS
App.directive('load', function() {
return {
replace: true,
restrict: 'E',
templateUrl: "inc/header.html"
};
});
HTML
<div ng-app="myApp">
<div>Static Text</div>
<load></load>
</div>
加载.html
<p>Loaded text</p>
这工作正常,但是我需要知道是否可以将 AngularJS 功能包含到我的 load.html 中?如果可以,如何实现这一目标?我错过了什么吗?
例如
加载.html
<div id="main" ng-app>
<nav class="{{active}}" ng-click="$event.preventDefault()">
<a href="#" class="home" ng-click="active='Link 1'">Link 1</a>
</nav>
<p ng-show="active">You just clicked <b>{{active}}</b></p>
</div>
谢谢
最佳答案
您在 load.html
中不需要 ng-app
,它将作为当前应用的一部分加载。其他一切都应该按原样工作。
但在我看来,您正在复制 ngInclude 的功能.
关于javascript - Angular JS 动态模板文件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19767192/