找到關於 AngularJS 的54 篇文章

如何使用 AngularJS 顯示錶格?

Sravani Alamanda
更新於 2023年2月21日 18:14:43

2K+ 次瀏覽

表格中的資料基本上是可重複的。在 AngularJS 中,顯示錶格更好的方法是使用 ng-repeat 指令。ng-repeat 指令將幫助我們迴圈遍歷 DOM 元素中的陣列資料,並幫助我們非常輕鬆地顯示錶格。讓我們檢查如何使用 ng-repeat 建立表格。Ng-repeat ng-repeat 指令會根據集合中的專案重複一組 HTML 程式碼。這組 HTML 將為集合中的每個專案重複一次。集合必須是陣列或物件。語法 這裡,要建立表格,請按照以下步驟操作。設定……閱讀更多

如何在 Angular 8 中建立自定義指令?

Sravani Alamanda
更新於 2023年2月21日 16:53:04

326 次瀏覽

在 Angular 中,指令是最重要的元素之一。指令就像 Angular 框架中的元件一樣,是構建應用程式的基礎模組。指令用於透過更改 DOM 元素的外觀、行為或佈局來修改 DOM。指令用於提供或生成基於新 HTML 語法的程式碼,這將擴充套件 Angular 應用程式中 UI 的功能。每個指令都必須有一個選擇器,就像元件一樣。簡單來說,Angular 中的每個元件都是具有自定義 HTML 模板的指令。在 Angular 中,我們使用指令來更改行為或……閱讀更多

如何使用 AngularJS 在 HTML 中新增事件監聽器?

Sravani Alamanda
更新於 2023年2月21日 16:47:58

3K+ 次瀏覽

在 AngularJS 中,事件幫助我們根據操作執行特定任務。AngularJS 非常豐富,擁有一個簡單的模型來向 HTML 新增事件監聽器。AngularJS 支援許多與滑鼠和鍵盤相關的事件。所有這些事件都應用於 HTML 元素。在 AngularJS 中,我們有很多 HTML 事件。假設我們同時編寫 AngularJS 和 HTML 事件。AngularJS 事件和 HTML 事件都將執行,並且 AngularJS 事件不會覆蓋 HTML 事件。可以使用指令來表示事件。例如 ng-click、ng-change、ng-mousedown、ng-mouseup、ng-keydown、ng-keyup、ng-keypress、ng-mouseover、ng-paste 等……閱讀更多

如何使用 AngularJS 設定 Video.js?

Prince Yadav
更新於 2022年11月11日 07:15:07

2K+ 次瀏覽

Video.js 是一款現代化的 Web 影片播放器,用於為不同的影片播放格式建立影片播放器。它支援所有現代影片格式,例如 YouTube、Vimeo、Flash 等,以及所有標準影片播放格式,例如 mp4、webm、flv 等。Video.js 可以與各種流行框架整合,例如 React、Angular 等。在本文中,我們將專門學習如何使用 AngularJS 設定 video.js。我們將使用 AngularJS 建立一個 video.js 元件,然後在我們的專案中使用它。如何使用 AngularJS 設定 Video.js?要將 video.js 與 AngularJS 一起使用,我們需要……閱讀更多

JavaScript 和 AngularJS 的區別

Pradeep Kumar
更新於 2022年8月10日 07:17:29

4K+ 次瀏覽

JavaScript 是一種指令碼語言,用於生成具有互動式效果的動態 HTML 頁面,這些頁面在客戶端的 Web 瀏覽器中執行。另一方面,AngularJS 是一個基於 JavaScript 的框架,它為 HTML 添加了新功能。其主要目的是促進建立動態和單頁 Web 應用程式 (SPA)。在本文中,我們將重點介紹 AngularJS 和 JavaScript 之間的區別。讓我們從對 JavaScript 和 AngularJS 的基本瞭解開始。什麼是 JavaScript?JavaScript 是一種簡單的程式語言,它最……閱讀更多

AngularJs 和 Google Web Toolkit (GWT) 之間的區別是什麼?

Bhanu Priya
更新於 2022年3月23日 10:37:11

239 次瀏覽

在瞭解它們之間的區別之前,讓我們先了解 AngularJS 和 Google Web Toolkit (GWT) 的概念。Google Web Toolkit 它是一套開源工具,允許 Web 開發人員使用 Java 建立和維護 JavaScript 前端應用程式。它由 Google 於 2006 年推出,程式碼是用 Java 編寫的。支援 GWT 的作業系統是 Linux、Windows、OS X、FreeBSD。它有助於建立豐富的網際網路應用程式。它有助於將 Java 原始碼轉換為等效的 JavaScript。功能 Google Web Toolkit 的功能如下:動態可重複使用的 UI 元件簡單的 RPC 機制瀏覽器歷史管理支援……閱讀更多

angularjs – ng-class 指令

Mayank Agarwal
更新於 2021年10月8日 13:45:35

599 次瀏覽

angularjs 中的 ng-class 指令允許使用者透過資料繫結表示式動態地設定 HTML 元素上的 CSS 類,該表示式將進一步表示要新增的所有類。只有當 ngClass 指令內的表示式返回 True 時,才會新增該類,否則不會新增。所有 HTML 元素都支援它。如果類已經設定,則指令不會設定任何重複的類。當表示式更改時,先前新增的類將被刪除,只有在那之後才會新增新類。語法..內容..示例 - ngClass 指令在 Angular 專案目錄中建立一個名為“ngClass.html”的檔案,然後複製貼上以下程式碼片段。 ngClass 指令 angularjs | ngClass 指令 點選滑鼠並按住!!!

AngularJS – ng-mousedown 指令

Mayank Agarwal
更新於 2021年10月8日 13:33:17

287 次瀏覽

AngularJS 中的 ng-mousedown 指令基本上指定了滑鼠按下事件上的自定義事件。每當按下滑鼠並呼叫滑鼠按下事件時,我們都可以執行多個函式。語法..內容..示例 - ngMousedown 指令在 Angular 專案目錄中建立一個名為“ngMousedown.html”的檔案,然後複製貼上以下程式碼片段。 ngMousedown 指令 angularjs | ngMousedown 指令 點選滑鼠並按住!!! 您的瀏覽器不支援 HTML5 影片。

AngularJS – ng-app 指令

Mayank Agarwal
更新於 2021年10月8日 13:23:32

293 次瀏覽

AngularJS 中的 ng-app 指令用於 AngularJS 應用程式的自動引導。此指令提供了應用程式的根元素,通常放置在頁面的根元素附近,例如在  或標記上。此指令宣告應用程式將從中啟動的根上下文。使用 ngApp 指令時需要注意的幾點:每個 HTML 元素只能引導一個應用程式。如果宣告多個 ngApp 元件,則出現的第一個 ngApp 元素將被視為自動引導的根元素。要在 HTML 中執行多個應用程式,應使用……閱讀更多

AngularJS – angular.element() 函式

Mayank Agarwal
更新於 2021年10月8日 13:16:08

1K+ 次瀏覽

angular.element() 方法將原始 DOM 元素或 HTML 字串包裝為 jQuery 元素。如果已安裝或匯入了 jQuery,則 angular.element 是 jQuery 函式的別名;否則,此方法將委託給 AngularJS 內建的 jQuery 子集,稱為 jQueryLite 或 jqLite。語法:angular.element(element)示例 − 使用 angular.element() 包裝 DOM 元素在您的 Angular 專案目錄中建立一個名為“element.html”的檔案,並複製貼上以下程式碼片段。 歡迎訪問 Tutorials Point ... 閱讀更多

廣告