问题描述
我正在尝试向我的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, …]
,在构造函数中添加广告的项目应导入模块