我一直在寻找如何执行这个，但我找不到任何相关的到目前为止，:( 我可以嵌套两个函数是的，但我只是想知道这是否可能? 我想按照字面意思来做:
<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="anyFunction()"
anyFunction() {
// call another function here
anotherFunction();
}
其他回答
遵循以下步骤
ng-click="anyFunction()"
anyFunction() {
// call another function here
anotherFunction();
}
<!-- Button trigger modal -->
<button type="button" (click)="open(content)" style="position: fixed; bottom: 0; right: 130px;"
class="btn col-sm-1 btn-Danger" >
Reject
</button>
<ng-template #content let-modal>
<div class="modal-header">
<h4 class="modal-title" id="modal-basic-title">Profile update</h4>
<button type="button" class="btn-close" aria-label="Close" (click)="modal.dismiss('Cross click')"></button>
</div>
<div class="modal-body">
<div class="mb-3">
<label class="bg-danger text-light" for="Reject">Reason For reject</label>
<textarea matInput placeholder=" Reject" [(ngModel)]="asset_note">{{note}}</textarea>
</div>
</div>
<div class="modal-footer">
<!-- -->
<button type="button" class="btn btn-outline-dark" (click)="reject();modal.close('Save click') ">Save</button>
</div>
</ng-template>
**.ts file**
open(content: any) {
this.modalService.open(content, {ariaLabelledBy: 'modal-basic-title'}).result.then((result) => {
this.closeResult = `Closed with: ${result}`;
}, (reason) => {
this.closeResult = `Dismissed ${this.getDismissReason(reason)}`;
});
}
private getDismissReason(reason: any): string {
if (reason === ModalDismissReasons.ESC) {
return 'by pressing ESC';
} else if (reason === ModalDismissReasons.BACKDROP_CLICK) {
return 'by clicking on a backdrop';
} else {
return `with: ${reason}`;
}
}
close()
{
this.getDismissReason(ModalDismissReasons.ESC);
}
ng-click "$watch(edit($index), open())"
试试这个:
创建一个函数集合 创建一个循环遍历并执行集合中的所有函数的函数。 将函数添加到html中
array = [
function() {},
function() {},
function() {}
]
function loop() {
array.forEach(item) {
item()
}
}
ng - click = "loop()"
你有两个选择:
创建包含这两个方法的第三个方法。这样做的优点是可以在模板中放入更少的逻辑。 否则，如果你想在ng-click中添加2个调用，你可以在edit($index)后添加'; ng-click = "编辑(美元指数);open()”
请看这里:http://jsfiddle.net/laguiz/ehTy6/
