온라인 AngularJS 실행

Code

Result

AngularJS CDN 사이트

다음 AngularJS CDN을 사용하여 코드 내의 AngularJS 버전을 교체할 수 있습니다:

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

온라인 AngularJS 에디터를 사용하는 방법은?

간단한 3단계

왼쪽 코드 편집기에서 AngularJS 코드를 작성하거나 붙여넣으세요.
"실행" 버튼을 클릭하여 AngularJS 코드를 실행하세요.
결과는 오른쪽 결과 영역에 표시됩니다.

온라인 AngularJS 에디터란?

온라인 AngularJS 에디터를 사용하면 웹 서버 없이도 온라인에서 AngularJS 코드를 편집할 수 있으며, 컴퓨터에 텍스트 편집기를 설치하여 AngularJS 파일을 편집할 필요가 없습니다.

이렇게 하면 Ace 편집기를 활용하여 AngularJS 실행 결과를 빠르게 확인할 수 있으며, 프로그램 오류나 경고를 자동으로 인식하고 명확하고 조작 가능한 피드백을 제공하여 코드 성능을 향상시킬 수 있습니다. 다음과 같은 방식으로 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 편집기 또는 테스트 도구
키워드 자동 완성
다양한 디자인 테마 제공