Access DOM元素“;onSubmit”;在AngularJS 2.0中使用Jquery点击按钮

Access DOM element "onSubmit" button click using Jquery in AngularJS 2.0

本文关键字：Jquery 按钮 AngularJS 元素 DOM onSubmit Access      更新时间：2023-09-26

如何访问angularjs 2.0的按钮点击事件Jquery？检查我的代码，我已经完成了。

import {Component, View, ElementRef, OnInit}   from 'angular2/core';
import {Router} from 'angular2/router';
declare var jQuery:any;
@Component({
  templateUrl: 'login.html'
})
export class LoginComponent implements OnInit {
elementRef: ElementRef;
constructor(elementRef: ElementRef) {
    this.elementRef = elementRef;
}
onSignup() {            
        jQuery(this.elementRef.nativeElement).find('#register-box').css({height:"0", opecity:"0"});
        jQuery(this.elementRef.nativeElement).find('#success-box').css({height:"100%", opecity:"1"});      
  }
  
}

但这会产生错误，TypeError：无法读取未定义的属性"nativeElement"

通过以下代码解决，

onSignup() {    
    var _this = this.model;
    if(Factory.signup(this.model).then(function(response) {if(response['status']){_this._id = response['result']; return true;}else{return false;};}))
    {
      jQuery(this.elementRef.nativeElement).find('#success-box').css({height: "100%",opacity: "1"});
      jQuery(this.elementRef.nativeElement).find('#register-box').css({height: "0",opacity: "0"});
    }
  }

相关文章：