AngularJS線上執行

Code

Result

AngularJS CDN 網站

您可以使用以下 AngularJS cdn 替換程式碼中的 AngularJS 版本：

https://www.jsdelivr.com/package/npm/angularjs
https://cdnjs.com/libraries/angular.js/

如何使用 AngularJS 線上編輯器？

三個簡單的步驟

在左側程式碼編輯器中，編寫或貼上您的 AngularJS 程式碼。
單擊「執行」按鈕執行您的 AngularJS 程式碼。
輸出將顯示在右側結果區域中。

什麼是 AngularJS 線上編輯器

AngularJS 線上編輯器允許您的 AngularJS 程式碼線上執行而無需 Web 伺服器，您無需使用文字編輯器在電腦上編輯 AngularJS 檔案。

這樣您就可以快速輕鬆地查看 AngularJS 的執行結果，藉助 ace 編輯器，可以識別程式錯誤或警告，並提供清晰且可操作的意見回饋，以幫助您提高程式碼的效能。您可以像這樣編寫或貼上 AngularJS 程式碼：

<!doctype html>
<html ng-app>
<head>
<script src="https://cdn.staticfile.org/angular.js/1.8.0/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 線上編輯器或測試器
關鍵字建議自動完成。
提供多種設計主題。