如何在angular2模板中访问javascript函数?

时间:2017-01-20 06:17:08

标签: javascript html5 angular ionic2

我有一个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');
    }

1 个答案:

答案 0 :(得分:1)

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

<button (click)="f()">click me</button>
export class MyComponent {
  f = fFromJsLib;
}