0

我刚开始使用 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>

这很好用，但是我需要知道是否可以在我的 load.html 中包含 AngularJS 功能？如果是这样，如何实现？我错过了什么吗？

例如

加载.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>

谢谢

4

1 回答 1

2

您不需要ng-appin load.html，它将作为当前应用程序的一部分加载。其他一切都应该按原样工作。

不过，在我看来，您正在复制ngInclude的功能。

于 2013-11-04T12:02:57.487 回答