Mdl-Select 不会展开合约
Mdl-Select won't expand contract
所以我被难住了!我决定尝试 Mdl-Select 但 select 保持永久扩展并拒绝收缩。我的第一个想法是某些东西安装不正确,特别是我认为管理该部分的弹出窗口。
这就是我正在做的事情。
app.module.ts
import { MdlModule } from '@angular-mdl/core'
import { MdlPopoverModule } from '@angular-mdl/popover';
import { MdlSelectModule } from '@angular-mdl/select';
systemjs.config.ts
'@angular-mdl/core': 'npm:@angular-mdl/core/bundle/core.js',
'@angular-mdl/popover': 'npm:@angular-mdl/popover/index.umd.js',
'@angular-mdl/select': 'npm:@angular-mdl/select/index.umd.js'
app.module.ts(被main.ts消耗)
import { FormsModule, ReactiveFormsModule } from '@angular/forms';
import { MdlModule } from '@angular-mdl/core'
import { MdlPopoverModule } from '@angular-mdl/popover';
import { MdlSelectModule } from '@angular-mdl/select';
@NgModule({
imports: [
BrowserModule,
FormsModule,
ReactiveFormsModule,
HttpModule,
routing,
MdlModule,
MdlPopoverModule,
MdlSelectModule
]
app.component.html
<div>
<mdl-select [(ngModel)]="user.SelectedFeature" placeholder="Feature">
<mdl-option [value]><em>-- Select a Feature --</em></mdl-option>
<mdl-option *ngFor="let feature of features" [value]="feature">{{feature}}</mdl-option>
</mdl-select>
</div>
特征是一个字符串[]
我在这里几乎不知道还能做什么...显然我还导入了其他模块,但没有什么不是通用的。
没有抛出任何错误。
问题是我错过了在我的风格中添加额外的导入 sheet
通过将以下内容添加到 style.css
解决了问题
@import '~@angular-mdl/popover/popover';
@import '~@angular-mdl/select/select';
所以我被难住了!我决定尝试 Mdl-Select 但 select 保持永久扩展并拒绝收缩。我的第一个想法是某些东西安装不正确,特别是我认为管理该部分的弹出窗口。
这就是我正在做的事情。
app.module.ts
import { MdlModule } from '@angular-mdl/core'
import { MdlPopoverModule } from '@angular-mdl/popover';
import { MdlSelectModule } from '@angular-mdl/select';
systemjs.config.ts
'@angular-mdl/core': 'npm:@angular-mdl/core/bundle/core.js',
'@angular-mdl/popover': 'npm:@angular-mdl/popover/index.umd.js',
'@angular-mdl/select': 'npm:@angular-mdl/select/index.umd.js'
app.module.ts(被main.ts消耗)
import { FormsModule, ReactiveFormsModule } from '@angular/forms';
import { MdlModule } from '@angular-mdl/core'
import { MdlPopoverModule } from '@angular-mdl/popover';
import { MdlSelectModule } from '@angular-mdl/select';
@NgModule({
imports: [
BrowserModule,
FormsModule,
ReactiveFormsModule,
HttpModule,
routing,
MdlModule,
MdlPopoverModule,
MdlSelectModule
]
app.component.html
<div>
<mdl-select [(ngModel)]="user.SelectedFeature" placeholder="Feature">
<mdl-option [value]><em>-- Select a Feature --</em></mdl-option>
<mdl-option *ngFor="let feature of features" [value]="feature">{{feature}}</mdl-option>
</mdl-select>
</div>
特征是一个字符串[]
我在这里几乎不知道还能做什么...显然我还导入了其他模块,但没有什么不是通用的。
没有抛出任何错误。
问题是我错过了在我的风格中添加额外的导入 sheet
通过将以下内容添加到 style.css
解决了问题@import '~@angular-mdl/popover/popover';
@import '~@angular-mdl/select/select';