Question

我正在尝试使用@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);
    });
  }
}

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

1 个答案: