(→개요) |
Jmnote bot (토론 | 기여) 잔글 (봇: 자동으로 텍스트 교체 (-</source> +</syntaxhighlight>, -<source +<syntaxhighlight )) |
||
4번째 줄: | 4번째 줄: | ||
*간단한 Controller를 적용한 예제 | *간단한 Controller를 적용한 예제 | ||
< | <syntaxhighlight lang='html'> | ||
<body ng-app="HelloApp4"> | <body ng-app="HelloApp4"> | ||
21번째 줄: | 21번째 줄: | ||
}]); | }]); | ||
</script> | </script> | ||
</ | </syntaxhighlight> | ||
<jsfiddle height='180'>mcj74f4u</jsfiddle> | <jsfiddle height='180'>mcj74f4u</jsfiddle> | ||
2020년 11월 2일 (월) 02:53 기준 최신판
1 개요[ | ]
- AngularJS 튜토리얼 - Hello 예제 4
- 1개의 파일로 구성된 예제
- 간단한 Controller를 적용한 예제
html
Copy
<body ng-app="HelloApp4">
<div ng-controller="HelloController">
<label>이름:</label>
<input type="text" ng-model="name" placeholder="여기에 이름을 입력하세요">
<h1>안녕 {{name}}!</h1>
</div>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.16/angular.min.js"></script>
<script>
var app = angular.module('HelloApp4', []);
app.controller('HelloController', ['$scope', function($scope) {
$scope.name= "John Smith";
}]);
</script>
2 같이 보기[ | ]
편집자 Jmnote Jmnote bot
로그인하시면 댓글을 쓸 수 있습니다.