在JavaScript函数中调用angular方法

Question

我正在使用Devextreme，并且我想在单击按钮时在组件中调用angular方法。 那是我的密码；

component.html

<div id="form-container">
  <dx-form (onFieldDataChanged)="form_fieldDataChanged($event)">
    <dxi-item dataField="userName" editorType="dxTextBox"></dxi-item>
    <dxi-item dataField="password" editorType="dxTextBox" [editorOptions]="{ mode: 'password' }"> </dxi-item>
    <dxi-item 
            itemType="button"
            [buttonOptions]="buttonOptions">
        </dxi-item>
  </dx-form>
</div>

component.ts

export class LoginComponent implements OnInit {
  constructor(private _loginService: LoginService) {
  }
  buttonOptions = {
    text: 'Login',
    type: 'success',
    onClick: function () {
      !!!!ERROR!!!!   loginn(); !!!!ERROR!!!!
    }
  };
  loginn() {
    alert('loginn');
  }
  form_fieldDataChanged(e) {
  }
  ngOnInit() {
  }
}

我想从另一个javascript函数调用。

function trycallmethod() {
  const o = new LoginComponent(null);
  o.loginn();
}

那我该如何在javascript函数中调用angular方法呢？

谢谢。