Angular JS動態模板文件

我剛剛開始與AngularJS很抱歉，如果有明顯的答案存在。我一直在尋找網絡，但無法找到答案，如果我走錯了路，不想浪費時間。Angular JS動態模板文件

我想建立模板HTML文件加載到我的網站（header.html/footer.html等），並使用Angular控制它們的外觀。這是工作的罰款使用AngularJS指令和靜態HTML文件：

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>

load.html

這工作得很好，不過，我需要知道是否有可能將AngularJS功能包含到我的load.html中？如果是的話，如何實現這一目標？我錯過了什麼嗎？

例如

load.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>

感謝

來源

2013-11-04 Paul

您不需要在load.htmlng-app，它將被載入作爲當前應用程序的一部分。其他一切都應該按原樣工作。

但是，在我看來，您正在複製ngInclude的功能。

來源

2013-11-04 12:02:57 Andyrooger

謝謝 - 在load.html中刪除ng-app，它的工作原理 - 感謝您的幫助。我們對ng-include進行了研究，並且可能會再次測試以查看哪些符合我們的需求，但不確定哪一個更有利於另一個 – Paul

Angular JS動態模板文件

回答

相關問題