zoukankan      html  css  js  c++  java
  • 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>

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

  • 相关阅读:
    不透明度
    浮动塌陷
    滑动门技术
    文本替换
    清除浮动
    浮动
    定位概述
    IE6中使用通用选择器模拟子选择器效果
    js对象
    bzoj:2049: [Sdoi2008]Cave 洞穴勘测
  • 原文地址:https://www.cnblogs.com/ms-grf/p/6834664.html
Copyright © 2011-2022 走看看