在Angular组件的构造函数中放置任何内容都会导致整个页面失败

如何解决在Angular组件的构造函数中放置任何内容都会导致整个页面失败

我正在尝试向我的Angular组件之一的构造函数中添加某些内容，但是，每当我在该构造函数中添加某些内容时，它都会使整个页面空白-摆脱所有其他组件并仅显示背景。

例如-这将起作用。

TS

@Component({
  selector: 'app-cardBoxes',templateUrl: './cardBoxes.component.html',styleUrls: ['./cardBoxes.component.scss']
})
export class CardBoxesComponent implements OnInit {

  constructor(private dialog: MatDialog) { }

  ngOnInit(): void {}
  
}

这将完全空白-删除所有内容，甚至删除其他组件。

TS

public class Company
{
   public Id {get;private set;}
   public string Name {get; private set;}
   public string Currency {get; private set;}
   public string DocumentPrefix {get; private set;}
   // other ~15 fields
}

public class OrderCompanyInfo : ValuableType
{
   private OrderCompanyInfo ()
   {

   }
  
   public long CompanyId {get; private set;}
   public string Name {get; private set;}
   public string Currency {get; private set;}
   public string DocumentPrefix {get; private set;}
  
  public static OrderCompanyInfo Create(Company company)
  {
     return OrderCompanyInfo {
       CompanyId = company.Id,Name = company.Name,Currency = company.Currency,DocumentPrefix = company.DocumentPrefix 
     }

  }
}

public class Order
{

  private Order()
  {
     
  }

  public Order(OrderCompanyInfo companyInfo)
  {
    CompanyInfo = companyInfo; 
    AddLog();
  }

  public OrderNumberInfo OrderNumber {get; private set;}
  public OrderCompanyInfo CompanyInfo {get; private set;}

 

  public void DoSomethingImportant()
  {
    RefreshOrderNumber();
    AddLog();
  }

  private void AddLog()
  {
     //Add log entry using CompanyInfo.Name
  }

  private void RefreshOrderNumber()
  {
     //Create new OrderNumberInfo using OrderCompanyInfo.Currency and OrderCompanyInfo.DocumentPrefix 
  }
}

记录下来，构造函数中的内容无关紧要-每次都是相同的结果。 Chrome终端显示存在NullInjectorError-没有用于MatDialog的提供程序

这是有原因还是简单的解决方案？我不明白为什么会这样，我确实需要能够使用构造函数。我是否必须在某个地方进行其他进口？是否有我缺少的配置？

解决方法

您正在尝试使用有角度的材料。请在控制台中使用此命令。 npm我@角度/材料 打开app.module和

NgModule（{.... 进口：[...， MatSliderModule， …]

,

在构造函数中添加广告的项目应导入模块