Question

以下是angular4组件的示例代码。我希望在jquery onclick方法

中访问那些范围变量和函数

@import ...

declare let jQuery: any;

@Component ({
  selector: '...',
  templateUrl: '...'
})

export class ComponentName {
   variable1: any;

   jQuery("#btn").on("click", function(){
      // here I want to access 'variable1' and call 'displaySomething()'
   });

   displaySomething(): void {
       // statements
   }
}

Answer 1

通过这种方式：

jQuery("#btn").on("click", () => { // use fat arrow function inplace of function()
    console.log(this.variable1);
    this.displaySomething();
    // here I want to access 'variable1' and call 'displaySomething()'
});

注意：不要那么多地使用jQuery，尝试用角度来做所有事情像：

// Template Side
<button id="btn" (click)='yourFunction()'>Click Me</button>

// Component Side
displaySomething(){
    console.log(this.variable1);
    this.displaySomething();
}

如何在jquery中使用angular 2范围变量和函数，反之亦然

1 个答案: