Angular視圖容器刪除view實例的過程分析

2020-10-03 成都天府五街老程式設計師

應用程式調用viewContainer的clear方法清除裡面包含的視圖實例：

clear的實現邏輯是，在一個循環裡刪除尾部的視圖實例直至container為空：

從detachView的注釋能發現，不僅view實例從view container中移除，並且對應的DOM元素也從HTML頁面中刪除了：

/** * Detaches a view from a container. * * This method removes the view from the container's array of active views. It also * removes the view's elements from the DOM. * * @param {?} lContainer The container from which to detach a view * @param {?} removeIndex The index of the view to detach * @return {?} Detached LView instance. */function detachView(lContainer, removeIndex) { if (lContainer.length <= CONTAINER_HEADER_OFFSET) return; /** @type {?} */ const indexInContainer = CONTAINER_HEADER_OFFSET + removeIndex; /** @type {?} */ const viewToDetach = lContainer[indexInContainer]; if (viewToDetach) { /** @type {?} */ const declarationLContainer = viewToDetach[DECLARATION_LCONTAINER]; if (declarationLContainer !== null && declarationLContainer !== lContainer) { detachMovedView(declarationLContainer, viewToDetach); } if (removeIndex > 0) { lContainer[indexInContainer - 1][NEXT] = (/** @type {?} */ (viewToDetach[NEXT])); } /** @type {?} */ const removedLView = removeFromArray(lContainer, CONTAINER_HEADER_OFFSET + removeIndex); addRemoveViewFromContainer(viewToDetach[TVIEW], viewToDetach, false, null); // notify query that a view has been removed /** @type {?} */ const lQueries = removedLView[QUERIES]; if (lQueries !== null) { lQueries.detachView(removedLView[TVIEW]); } viewToDetach[PARENT] = null; viewToDetach[NEXT] = null; // Unsets the attached flag viewToDetach[FLAGS] &= ~128 /* Attached */; } return viewToDetach;}

待刪除視圖在container裡的索引，通過CONTAINER_HEADER_OFFSET加上方法輸入的removeIndex計算而成。

待刪除的視圖實例：

相關焦點

  • SQL基礎知識——VIEW視圖
    本章講解如何創建、更新和刪除視圖。CREATE VIEW 實例我們以表Customers為例您可以使用下面的語法來更新視圖：CREATE OR REPLACE VIEW 語法ALTER VIEW view_name ASSELECT column_name(s)FROM table_name
  • 支招:SQL Server刪除視圖的兩種方法
    SQL Server刪除視圖的方法經常會用的到，下面就為您介紹SQL Server刪除視圖的兩種方法，如果您感興趣的話，不妨一看。當一個視圖不再需要使用時，也可以將其刪除。SQL Server刪除視圖方法1 在Management Studio中刪除視圖下面以刪除「view_例七」為例介紹如何在SQL Server Management Studio中刪除視圖：(1)啟動【SQL Server Management Studio】，連接到本地資料庫默認實例。
  • angular插槽專題及常見問題 - CSDN
    一般和ngTemplateOutlet（實例化模板）一起使用，用於動態填充或插入相應的內容。例：如果父組件nzTitle配置的是字符串，就顯示字符串內容，如果不是，通過ngTemplateOutlet指令動態去創建。
  • 數據分析所需掌握的視圖用法，以及視圖所蘊含的分層思想
    視圖是資料庫中一個非常簡單的概念，寫過SQL的人幾乎大致了解視圖。本文除了在回顧視圖的本質及相關操作知識時，會重點闡述它蘊含的分層思想在數據分析工作中的作用。視圖的操作包括創建視圖、修改視圖、刪除視圖、查看視圖，這些操作只影響視圖本身，不會影響對應的基本表。
  • iOS獲取最頂層ViewController
    - (UIViewController *)getCurrentVC{ ///下文中有分析 UIViewController *rootViewController = [UIApplication sharedApplication].keyWindow.rootViewController; UIViewController *currentVC = [self getCurrentVCFrom
  • Django 教程——Django中的視圖
    視圖類型Django視圖分為兩大類：基於功能的視圖基於類的視圖基於功能的視圖基於函數的視圖是使用python中的函數編寫的，該函數以HttpRequest對象作為參數並返回HttpResponse對象。基於功能的視圖通常分為4種基本策略，即CRUD（創建，檢索，更新，刪除）。CRUD是用於開發的任何框架的基礎。
  • Django 3.1異步視圖實例學習
    新發布得到Django 3.1中，提供了對步視圖的支持。在附帶的官方教程提供了一個有關Django異步視圖示例演示在調用時的異步執行asyncio.sleep。但是對此很多人會疑惑，這個sleep能幹什麼呢？本文我們就一起來學習一下 Django中的異步視圖就能幹啥。Django異步視圖Django現在允許用戶編寫可以異步運行的視圖view。
  • ThinkPHP框架實戰講解-視圖解讀
    程序一、視圖渲染模板定位規則：當前模塊/view/當前控制器名（小寫）/當前操作（小寫）.html。PHP代碼2、助手函數方式如果控制器未繼承系統基礎控制器類，同樣可以實現視圖模板的輸出，框架提供了助手函數view()，可以使用如下命令：return view();可傳遞參數及數據
  • android 自定義view大小專題及常見問題 - CSDN
    它是Activity與View系統交互的接口DecorView是PhoneWindow中的起始節點View，繼承於View類，作為整個視圖容器來使用。用於設置窗口屬性。它本質上是一個FrameLayoutViewRoot在Activtiy啟動時創建，負責管理、布局、渲染窗口UI等等對於多View的視圖，結構是樹形結構：最頂層是ViewGroup，ViewGroup下可能有多個ViewGroup或View，如下圖：一定要記住：無論是measure過程、layout過程還是draw過程，永遠都是從View
  • 您可以下載angular的最新版本並將其添加到您的視圖腳本中
    換句話說，它與數據中的任何更改同步更新Web應用程式的視圖(模型)。它使視圖數據受驅動。它使我們能夠靈活地選擇要在Web應用程式中使用的設計模式。此外，angular.js創建兩種方式的數據綁定，即，數據對象中的任何更改都同時反映在視圖上，而視圖中的任何更改都會在數據對象中得到更新。因此，在不考慮頁面重定向或頁面刷新的單頁面應用程式開發中，這是一個不錯的選擇。在MVC(模型視圖控制器)模式中，應用程式的設計使得Modal包含數據以及業務邏輯，View包含演示腳本(html標記)，並且控制器是Modal與視圖之間的中介。
  • Django REST framework：方法視圖
    DRF提供了一系列裝飾器，使用這些裝飾器可以使方法視圖接收Request對象（注意不是以前Django的HttpRequest對象）返回Response對象（不是HttpResponse對象）。裝飾器api_view方法籤名：@api_view(http_method_names=['GET'])api_view裝飾器是DRF方法視圖的核心，該裝飾器接收一組HTTP方法。
  • Django REST framework：通用視圖2
    GenericAPIViewGenericAPIView是對APIView的擴展，增加了list視圖和detail視圖的常用行為。其它所有通用視圖都是對GenericAPIView和mixin的組合。lookup_field：用於對具體模型實例進行查找的模型欄位。默認是pk。請注意，當使用超連結API的時候，如果需要使用自定義的值，那麼API視圖和序列化類都要設置lookup_field。lookup_url_kwarg：在URL中用於查找對象的關鍵字參數。URL conf 應該包括一個與這個值相對應的關鍵字參數。
  • Django 官方推薦的姿勢:類視圖
    作者：HelloGitHub-追夢人物在開發網站的過程中，有一些視圖函數雖然處理的對象不同，但是其大致的代碼邏輯是一樣的。比如一個博客和一個論壇，通常其首頁都是展示一系列的文章列表或者帖子列表。然後渲染 blog/index.html 模板文件，index 視圖函數中使用 render 函數。但這個過程 ListView 已經幫我們做了，我們只需指定渲染哪個模板即可。接下來就是要將類視圖轉換成函數視圖。為什麼需要將類視圖轉換成函數視圖呢？
  • Android 架構組件中的視圖綁定
    在模塊中啟用視圖綁定之後，系統會為該模塊中的每個 XML 布局文件生成一個綁定類。綁定類的實例包含對在相應布局中具有 ID 的所有視圖的直接引用。在 Activity 中使用視圖綁定如需設置綁定類的實例以供 Activity 使用，請在 Activity 的 onCreate() 方法中執行以下步驟：
  • 為處理升級過程的問題 Angular 5 將會推遲發布
    但現在官方宣布需要推遲發布日期，將於 10 月 23 日發布，因為開發團隊需要更多的時間來處理升級過程的問題。由於 Angular 5 的延遲發布，Angular 6 應該也會被推遲到 2018 年 3 月或 4 月份發布，然後是 2018 年 9 月或 10 月發布的 Angular 7。官方承諾每個版本都與之前的版本向後兼容。
  • MySql基礎，MySql視圖&索引&存儲過程&觸發器
    為了達到這個目的，可以為各部門的領導建立一個視圖，通過該視圖，領導只能看到本部門員工的指定信息。例如，為生產部門建立一個名為 product view 的視圖。通過視圖 product view，生產部門的領導只能看到生產部門員工的工作號、姓名和性別等信息。
  • UCloud優刻得容器實例Cube免費公測,解鎖容器Serverless新姿勢
    UCloud優刻得容器實例Cube免費公測，解鎖容器Serverless新姿勢 2020 年 7 月初，UCloud優刻得容器產品線繼UK8S後又新增一位成員：容器實例Cube，以進一步豐富UCloud
  • angular框架發展史
    這是很多初學者都會遇到的問題，應該是吧，不然怎麼總能聽到有人既說angularjs，又說angular呢，但是其實這兩個名稱指的是angular的不同時期。angularjs指的是早期的angular版本，就是從2009年誕生的那個版本，那個時候angularjs版本更新很慢，直到2016年，angularjs的版本才是1.7*，而在這之後，angularjs不在繼續老版本的更新了，而是推出了一個全新的版本angular2，這個版本因為從底層徹底重構了，所以它和之前的angularjs可以說不是一個框架了，因此，現在人們討論的angular
  • Serverless容器實例Cube的研發實踐之路
    但在UK8S產品推廣及接入客戶過程中，容器團隊也陸續收到一些用戶反饋的問題：維護Kubernetes集群增加了額外的負擔；用戶除了管應用還需要後端資源，並未能實現以應用為中心的業務管理。技術選型在實現Cube產品特性的過程中，容器團隊需要解決幾個技術問題： 1. 容器運行時的選型 公有雲產品必然要考慮多租戶隔離問題。
  • 詳解Spring MVC的視圖、模型與控制器
    本文在Mooc項目的基礎上，進一步討論Spring MVC的視圖、模型與控制器，視圖與控制器之間的數據交互機制。通過本課的學習，可以達到如下目標。● 掌握視圖、控制器和模型的數據交互機制● 配置web.xml和spring-servlet文件Mooc是一個在線編程教育項目，用戶學習課程前，需要先註冊帳號。