템플릿이 있는데, 그 템플릿 안에는 클래스 big-box
가있는 div가 있고이라는 div 컨테이너 안에 .movie-container
있습니다.
주형,
.movie-container
.big-box
.big-box
사용자가 .NET Framework를 클릭 할 때 요소를 300px (0px부터) 높이 로 애니메이션하고 싶습니다 .movie-container
.
클릭 기능을 사용하여 지시문을 설정하려고했지만 작동하지 않습니다. .big-box
div를 클릭 click
하면 콘솔 로그에 표시되지 않습니다 .
app.directive('big-box', [function() {
return {
link: function(scope, elem, attrs) {
elem.bind('click', function() {
console.log ('click')
});
}
}
}]);
그래서 몇 가지 팁을 사용할 수 있습니다.
지시문에 사용 된 명명 규칙이 올바르지 않습니다. 사용자 지정 지시문을 정의하는 동안 카멜 케이스를 사용해야합니다.
app.directive('bigBox', [function() { // Use camel case
return {
link: function(scope, elem, attrs) {
elem.bind('click', function() {
console.log ('click')
});
}
}
}]);
HTML에서 다음과 같이 사용해야합니다.
<div class="movie-container">
<div big-box> <!-- using the directive -->
click here
</div>
</div>
이름은 대시를 사용하여 작성해야하며 각 대시는 지시문 정의의 대문자를 나타냅니다. angularjs 규칙입니다.
여기에 작동하는 바이올린이 있습니다.
이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.
침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제
몇 마디 만하겠습니다