如何訪問 angular2 模板中的 javascript 函數？

Question

我有一個 javascript(.js) 文件，在一個對象中包含一組函數。

現在我想在 angular2 模板中調用一個帶有 (click) 事件的 (.js) 文件函數。 怎么打電話？？ 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

綁定中的表達式只能訪問組件類實例的成員。 您可以將 JS 庫中的函數分配給類中的一個字段，然后將click事件綁定到該字段：

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

export class MyComponent {
  f = fFromJsLib;
}