Angular 테스트 코드
웹 프로그래밍/HTML - CSS2022. 4. 14. 21:21
300x250
<!DOCTYPE html>
<html ng-app>
<head>
<title>Hello, Angular</title>
<script src="https://code.angularjs.org/1.5.8/angular.min.js"></script>
</head>
<body ng-init="name='World'">
<label>Name</label>
<input ng-model="name" />
<span>Hello, {{ name }}!</span>
<p ng-bind="name"></p>
</body>
</html>
<html ng-app>
ng-app 이부분이 없으면 동작하지 않는다!
코드 내용
input name 입력시
페이지 새로 고침 없이 span 영역에서 바로바로 변경 된다.
300x250
'웹 프로그래밍 > HTML - CSS' 카테고리의 다른 글
| Jquery Input File 클릭 만들기 (0) | 2022.12.24 |
|---|---|
| 함수인자에 변수명으로 Jquery 접근법 (0) | 2022.12.02 |
| Javascript - 복사하기, 클립보드 복사 (0) | 2022.12.02 |
| swiper 라이브러리 데모 (0) | 2022.09.12 |
| window.open을 사용해서 hidden으로 선언한 iframe안에 띄우기 (0) | 2022.09.03 |
댓글()
