
[英]NullInjectorError: R3InjectorError(DynamicTestModule)[FormBuilder -> FormBuilder]: NullInjectorError: No provider for FormBuilder
[英]ERROR NullInjectorError: R3InjectorError(AppModule)[NgbDropdown -> NgbDropdown -> NgbDropdown]: NullInjectorError: No provider for NgbDropdown
提示:本站为国内最大中英文翻译问答网站,提供中英文对照查看,鼠标放在中文字句上可显示英文原文。
我对 angular 很陌生,因为我现在正在实习。 但是,我想了解如何在 ngBootstap 中正确设置动态下拉列表,因为我收到以下错误:错误
这是我的 HTML:
父母:
<div class="container" id="container">
<div class="dropdown">
<button class="btn btn-secondary dropdown-toggle" type="button" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" ngbDropdownToggle>
Dropdown button
</button>
<div app-city-details-component *ngFor="let city of cityArray" [city]="city" ngbDropdownMenu>
</div>
</div>
孩子:
<div class="container" id="container" ngbDropdownItem>
<button class="button" type="button" (click)="handleClick()">
<p>{{city.name}}</p>
<p>Latitudine: {{latitudine}}</p>
<p>Longitudine: {{longitudine}}</p>
<p>Timezone: {{timezone}}</p>
<div app-show-weather-conditions [weather]="currentRealWeather"></div>
</button>
我的 app.module.ts:
我在做什么 wrog?
尝试使用 ngbDropdown 在一个 div 中关闭您的代码,并使用 ngbDropdownMenu 将子项包装在另一个 div 中。
<div class="container" id="container">
<!-- Add this -->
<div ngbDropdown>
<div class="dropdown">
<button class="btn btn-secondary dropdown-toggle" type="button" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" ngbDropdownToggle>
Dropdown button
</button>
<!-- Change this -->
<div ngbDropdownMenu>
<app-city-details-component
*ngFor="let city of cityArray" [city]="city">
</app-city-details-component>
</div>
</div>
</div>
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.