반응형
Directives
란 <ng-repeat> <ng-show>와 같이 js에서 사용하는 함수? 같은 것 같다.
개발하면서 나중에는 없는 directives를 사용해야 하기 때문에 직접 만드는 방법도 알아야 한다.
<html ng-app="myapp">
<head>
<title>Hello World in AngularJS</title>
<script src="../angular.min.js"></script>
<script src="test.js"></script>
</head>
<body ng-controller="MainCtrl">
<hello-world/>
</body>
</html>
var app = angular.module('myapp', []);
app.controller('MainCtrl', function($scope) {
$scope.name = 'World';
});
app.directive('helloWorld',function(){
return {
replace:true,
restrict: 'AE',
template: '<h3>Hello World!!</h3>'
}
});
helloworld라는 directive를 만들었다. 도중에 -를 붙이는 이유는 -는 가독성을 위한 것 같다.
또한 생략처리되기때문에 붙여도 알아서 인식해준다.
-말고도 x- data- 이런것도 있다.
참고
https://www.sitepoint.com/practical-guide-angularjs-directives/
반응형
'JS > Angularjs' 카테고리의 다른 글
| AngularJs - textarea ng-model 설정하고나면 공백일때 (0) | 2016.06.23 |
|---|---|
| AngularJs - angular is not defined (0) | 2016.06.23 |
| nodejs 이중 Array (0) | 2016.06.20 |
| AngularJs - ui router 페이지 이동 (0) | 2016.05.31 |
| Cloud 9 - AngularJS가 작동안할때 (0) | 2016.05.30 |