반응형
한 번의 클릭으로 많은 기능을 추가하는 방법은 무엇입니까?
나는 이것을 실행하는 방법을 찾고 있었지만 지금까지 관련된 것을 찾을 수 없다. :( 두 함수를 모두 중첩 할 수는 있지만 이것이 가능한지 궁금합니다. 말 그대로 이것을하고 싶습니다 :
<td><button class="btn" ng-click="edit($index) open()">Open me!</button></td>
현재 내 JS 코드 :
$scope.open = function () {
$scope.shouldBeOpen = true;
};
$scope.edit = function(index){
var content_1, content_2;
content_1 = $scope.people[index].name;
content_2 = $scope.people[index].age;
console.log(content_1);
};
한 번의 클릭으로 두 개의 함수를 호출하고 싶습니다. angularJS에서 어떻게 할 수 있습니까? 여러 클래스를 추가 할 때 CSS처럼 간단하다고 생각했지만 그렇지 않습니다.
두 가지 옵션이 있습니다.
두 방법을 모두 감싸는 세 번째 방법을 만듭니다. 여기서 장점은 템플릿에 로직을 적게 넣는다는 것입니다.
그렇지 않으면 ng-click에 2 개의 통화를 추가하려면 ';' 이후
edit($index)
이 같은ng-click="edit($index); open()"
여기를 참조하십시오 : http://jsfiddle.net/laguiz/ehTy6/
';'를 사용하여 여러 함수를 호출 할 수 있습니다.
ng-click="edit($index); open()"
많은 사람들이 (클릭) 옵션을 사용하므로 이것도 공유 할 것입니다.
<button (click)="function1()" (click)="function2()">Button</button>
이 시도:
- 함수 모음 만들기
- 컬렉션의 모든 함수를 반복 실행하는 함수를 만듭니다.
- HTML에 함수 추가
array = [
function() {},
function() {},
function() {}
]
function loop() {
array.forEach(item) {
item()
}
}
ng - click = "loop()"
ng-click "$watch(edit($index), open())"
참고 URL : https://stackoverflow.com/questions/16813945/how-to-add-many-functions-in-one-ng-click
반응형
'IT' 카테고리의 다른 글
인라인 onclick 속성으로 이벤트 전파를 중지하는 방법은 무엇입니까? (0) | 2020.03.19 |
---|---|
Perl에서 루프를 해제하려면 어떻게해야합니까? (0) | 2020.03.19 |
TortoiseSVN에서 사용자를 변경하는 방법 (0) | 2020.03.19 |
PHP에서 문자열 끝에서 3자를 어떻게 제거 할 수 있습니까? (0) | 2020.03.19 |
C #에서 열거 형을 문자열과 연관 (0) | 2020.03.19 |