javascript - 如何访问 Angular2 模板中的 JavaScript 函数？

Question

我有一个 javascript(.js) 文件，其中一个对象中有一组函数。

现在我想调用一个函数，该函数是(.js)文件，其中包含 angular2 模板中的(单击)事件。 怎么打电话？？ IES.js …………

var IES = IES|| {};

    IES.execute = function (functionName, args) {
  if(arguments.length>2){
      args = [].slice.call(arguments).splice(1);
  }
  var context = IES;
  var namespaces = functionName.split(".");
  var func = namespaces.pop();
  for(var i = 0; i < namespaces.length; i++) {
    context = context[namespaces[i]];
  }
  return context[func].apply(context, args);
}

  IES.do =  function(){
        console.log('In Do function');
    }
    IES.test = function(){
       console.log('In test function');
    }
    IES.test.hello = function(){
      console.log('In hello function');
    }

Answer 1

绑定(bind)中的表达式只能访问组件类实例的成员。您可以将 JS 库中的函数分配给类中的字段，然后将 click 事件绑定(bind)到该字段:

<button (click)="f()">click me</button>

export class MyComponent {
  f = fFromJsLib;
}