如何在data-ng-click中传递调用动态方法而不是静态方法(即想要传递要调用的方法而不是固定的delete()方法
How to pass call a dynamic method instead of static method in data-ng-click (i.e want to pass a method to be called instead of fixed delete() method)
angular.module('Testmodule').directive
('mymodalwindow', function () {
return {
restrict: 'E',
template: '<div class="modal" id="mytestModal" role="dialog" aria-labelledby="myModalLabel">' +
' <div class="modal-dialog modal-sm ">' +
' <div class="modal-content">' +
' <div class="modal-header">' +
' <h4 class="modal-title" id="myModalLabel">Confirmation</h4>' +
' </div>' +`enter code here`
' <div class="modal-body">' +
' Do you want to delete the {{screenname}} "{{selecteditemtest}}" ?' +
' </div>' +
' <div class="modal-footer">' +
' <button type="button" id="btn" class="btn btn-default" data-ng-click="delete()"data-dismiss="modal">Delete</button>' +
' <button type="button" id="btn" class="btn btn-default" data-dismiss="modal">Cancel</button>' +
' </div>' +
'</div>' +
'</div>' +
'</div>'
};
});
//如何调用作为参数传递的方法,而不是调用data-ng-click
<div my-modal-window on-delete="onDelete()"></div> //You can pass params here . onDelete() function can be any function in your controller
指令代码 angular.module('Testmodule').directive('mymodalwindow', function () {
return {
restrict: 'E',
scope: {
onDelete: '&'
},
link: function (scope, elem, attrs) {
scope.delete = function () {
scope.onDelete(); // You can pass parameter like scope.onDelete({param1:'dsadasd',param2:'sadasjdlkjakl'});
}
},
template: '<div class="modal" id="mytestModal" role="dialog" aria-labelledby="myModalLabel">' +
' <div class="modal-dialog modal-sm ">' +
' <div class="modal-content">' +
' <div class="modal-header">' +
' <h4 class="modal-title" id="myModalLabel">Confirmation</h4>' +
' </div>' + `enter code here`
' <div class="modal-body">' +
' Do you want to delete the {{screenname}} "{{selecteditemtest}}" ?' +
' </div>' +
' <div class="modal-footer">' +
' <button type="button" id="btn" class="btn btn-default" data-ng-click="delete()"data-dismiss="modal">Delete</button>' +
' <button type="button" id="btn" class="btn btn-default" data-dismiss="modal">Cancel</button>' +
' </div>' +
'</div>' +
'</div>' +
'</div>'
};
});
相关文章:
- 如何在webView,Android中从@JavascriptInterface方法调用Javascript
- javascript从子方法调用父方法
- 我应该返回一个类似console.log()的方法调用吗
- NodeJS-从同一文件中的另一个方法调用一个方法
- 使用restangular save方法调用put与post时的控件
- 从实例方法调用实例方法
- Node.js-异步方法调用问题
- Jquery事件绑定获胜'当作为方法调用时不起作用,但当直接在控制台中调用时会起作用
- 向模板实例变量传递调用方法调用的结果时出现异常
- jQuery 方法调用了两次
- 不能从 Backbone.View 的方法调用 Backbone.collection 的方法,其中包含 require
- 组合 onLayout 的方法调用
- lodash/下划线 - 使用绑定与方法调用和方法保持未绑定
- 从公共方法调用模块的私有函数
- 如何对 jqGrid 的 loadComplete 和 onSelectRow 进行基因预和后方法调用
- 完全限定的 JavaScript 方法调用
- 为什么我在 Angular JS 中收到两个方法调用
- 如何在从排序方法调用参数时将其传递给回调
- 使用两种不同的方法调用方法
- 如何在 javascript 中更改方法调用的全局范围