0

我正在使用 Devextreme,我想在单击按钮时在我的组件中调用一个角度方法。那是我的代码;

组件.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>

组件.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 方法呢?

谢谢。

4

0 回答 0