ng-include 包含一个页面的显示问题

第一种
-------------------------------------------------------------------------------------------------------------------------------------
A.html

<!--既往史，要以弹框形式显示-->
<div class=" pull-right">
　　<button class="btn btn-primary" ng-click="openHistory()">既往史</button>
</div>
<!--既往史管理-->
<div ng-controller="PreExamHistoryController" id="preHistoryDiv" class="past-history-index"
      ng-include src="'../templates/pre-exam-history-template.html'">
</div>

A.html对应的js

//既往史按钮点击弹出弹框，
$scope.openHistory=function({
    angular.element('#preHistoryDiv').scope().openHis();
};

PreExamHistoryController对应的js

$scope.openHis=function(){
　　$scope.previousHistoryModalFlag=true;
};

Pre-exam-history-temolate.html

<div hr-draggable modal="previousHistoryModalFlag" close="closeHistoryModal()" options="previousHistoryModal">
</div>

Pre-exam-history-temolate.html没有对应的controller所有的业务处理都在PreExamHistoryController中完成

-------------------------------------------------------------------------------------------------------------------------------------

第二种
-------------------------------------------------------------------------------------------------------------------------------------
A.html

<div ng-show="queueInfo" class="queueInfo">
　　<div ng-include src="'../statisticquery/emergency-queue.html'" ></div>
</div>

A.html对应的js

$scope.queueInfo = true;

emergency-queue.html

<div class="right-side border-line" ng-controller="queueMonitoringController" ng-cloak>
</div>

-------------------------------------------------------------------------------------------------------------------------------------

转载于:https://www.cnblogs.com/ms-grf/p/6834664.html