javascript - 如何使用 AngularJS 中的自定义指令将一个 html 页面插入另一个 html 页面？

Question

使用自定义指令，我想将一个 HTML 页面添加到另一个 HTML 页面中，如何实现？自定义指令如下:

(this is the .js file)
 fbModule.directive('fbLogin', function(){
        return {
            template : html
        }        
 })

要包含的 html 页面是:

(this is the .html file to be included)
<div ng-controller="fbCtrl">
    <button ng-click="doFacebookLogin">
        <img src="modules/shippingAddress/fastfill_fb.png" width="140px" height="25px;" style="margin-right: 8px; cursor:pointer">
    </button>
</div>

上面代码应该出现的页面是:

(this is the .html file in which the above html should come)
<div fbLogin></div>
<div style="font-size: x-small; color: black;">Save on typing. Use your FB data.</div>

请帮忙...提前致谢

Answer 1

你应该使用 ngInclude 将 HTML 注入(inject)另一个页面 https://docs.angularjs.org/api/ng/directive/ngInclude

<ng-include src="somehtmlfile.html"></ng-include>