線上 AngularJS 編輯器 - 編寫、執行和分享程式碼

<!doctype html> <html ng-app> <head> <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.3/angular.min.js"></script> </head> <body> <div> <label>姓名:</label> <input type="text" ng-model="yourName" placeholder="在此輸入姓名"> <hr> <h1>你好，{{yourName}}！</h1> </div> </body> </html>

直接從您的瀏覽器嘗試這款線上 AngularJS 編輯器（版本 AngularJS v1.3.3）編輯、執行和分享您的 Angularjs 程式碼。這款線上編譯器可方便您使用最新版本 AngularJS v1.3.3 來編輯和編譯您的 Angularjs 程式碼。

如何使用線上 AngularJS 編輯器？

編寫並執行程式碼

直接在“原始碼”選項卡下方編寫您的程式（或者貼上進去）。
如果您想儲存您的程式，請轉到“專案”選單並儲存它。
您可以直接執行您的程式，而無需儲存它，只需單擊“執行”按鈕即可。

如何輸入使用者輸入？

最新版本的線上 AngularJS 編輯器允許在執行時透過終端視窗提供程式輸入，這與您在自己的計算機上執行程式時完全相同。因此，只需執行程式，然後從右側提供的終端視窗輸入您的程式輸入（如有）。

鍵盤快捷鍵

以下是我們編輯器的關鍵字快捷鍵

快捷鍵	描述
⌘ + Enter	執行程式
⌘ + S	儲存專案（需要登入）
⇧ + ⌘ + S	另存為專案
⌘ + P	新建專案
⌘ + G	分享專案
⌘ + Z	撤消編輯
⌘ + Y	恢復編輯
⌘ + A	全選文字
⌘ + X	剪下選定的文字
⌘ + C	複製選定的文字
⌘ + V	貼上已複製的文字
⌘ + F	搜尋文字
⌘ + ⌥ + F	替換文字

快捷鍵	描述
Ctrl + Enter	執行程式
Ctrl + S	儲存專案
Shift + Ctrl + S	另存為專案
Ctrl + G	分享專案
Ctrl + Z	撤消編輯
Ctrl + Y	恢復編輯
Ctrl + A	全選文字
Ctrl + X	剪下選定的文字
Ctrl + C	複製選定的文字
Ctrl + V	貼上已複製的文字
Ctrl + F	搜尋文字
Ctrl + H	替換文字

儲存並分享專案程式碼

線上儲存 Angularjs 專案

您可以將 Angularjs 專案儲存在我們這裡，以便以後訪問該專案。要儲存專案，您需要向我們建立一個登入 ID。因此，在儲存專案之前，請使用此頁面右上角給出的連結建立登入 ID。

線上分享 Angularjs 專案

你可以使用此功能與老師、同學和同事分享你的 Angularjs 程式碼。只需點選“分享”按鈕，它將建立一個短連結，可以透過電子郵件、WhatsApp 甚至社交媒體來分享。當一個共享連結在將近 3 個月內沒有活動時將被刪除。

編輯器的更多功能

主題 – 你可以從“設定”選單下的“編輯器主題”選項更改當前編輯器的主題。
字型大小 – 你可以從“設定”選單下的“字型大小”選項更改編輯器/編譯器的字型大小。
製表符大小 – 你可以從“設定”選單下的“製表符大小”選項更改制表符大小。
顯示/隱藏行號 – 你可以使用“設定”選單下的“顯示行號”或“隱藏行號”選項顯示/隱藏程式碼行號。
以及更多。

為什麼要使用線上 AngularJS 編輯器？

使用線上 AngularJS 編輯器執行你的 Angularjs 程式碼有幾個好處

平臺獨立性：你可以在不考慮作業系統的情況下從任何裝置執行你的程式碼。
方便：你不需要安裝任何內容來使用它。
無需設定：執行你的程式碼無需額外設定。
更新版本：我們的線上編譯器/編輯器/終端是最新版本。