Angular 7 ViewChild抛出错误，无法识别模态

Question

im试图使用@viewchild，我一直遇到错误：

import {Component, ElementRef, Input, ViewChild} from '@angular/core';
import {ActivatedRoute, Router} from '@angular/router';
import {ApiService} from '../../../api.service';
import { Category } from '../../../category';
@Component({
  selector: 'app-add-category',
  templateUrl: './add-category.component.html',
  styleUrls: ['./add-category.component.scss']
})
export class AddCategoryComponent {
  @Input() category = new Category();
  public id: string;
  constructor(private route: ActivatedRoute, private router: Router, private data: ApiService) {}
  onSubmit() {
    @ViewChild('submitModal') modal;
    this.id = this.route.snapshot.paramMap.get('id');
    this.category.company = '5c5392a3bc107f4452ee222f';
    this.data.postCategory(this.category).subscribe(data => {
      console.log(data);
    }, (err) => {
      console.log(err);
    });
  }
}

错误：

Error TS1146: Declaration expected.

我试图使用@viewChild抓住DOM元素，然后在OnSubmit（）

Answer 1

@ViewChild('submitModal') modal;是您在方法内声明属性的属性，它无法以这种方式工作。您应该在方法之外和班级内部声明属性

export class AddCategoryComponent {
  @Input() category = new Category();
  public id: string;
  @ViewChild('submitModal') modal; //declare properties inside class, outside methods
  constructor(private route: ActivatedRoute, private router: Router, private data: ApiService) {}
  onSubmit() {
    this.id = this.route.snapshot.paramMap.get('id');
    this.category.company = '5c5392a3bc107f4452ee222f';
    this.data.postCategory(this.category).subscribe(data => {
      console.log(data);
    }, (err) => {
      console.log(err);
    });
  }
}