Question

所以我有这个角度应用程序，我想添加一个mdInput textarea，但是当我添加它时，它只删除textarea边框而没有其他内容（下划线或占位符等动画，它们都不存在）

我使用角质材料2.0.0.beta-08版本。它不会在控制台中抛出任何错误。而像md-select这样的其他材料组件没有问题。

这是html代码

<form class="example">

<md-input-container class="full-width">
    <textarea mdInput mdTextareaAutosize minRows="6" placeholder="Write a comment" formControlName="commentContent"></textarea>
</md-input-container>

这是App Module的相关部分

    imports: [
        MomentModule,
        MdInputModule,MdButtonModule,
 MdDialogModule, MdGridListModule,
 MdCheckboxModule, MdSelectModule,
 MdOptionModule, MdIconModule,
 MdProgressSpinnerModule, MdTooltipModule,
        FormsModule,
        ...

这是生成的HTML

<md-input-container _ngcontent-c28="" class="full-width mat-input-container" ng-reflect-class-base="full-width">
<div class="mat-input-wrapper">
    <div class="mat-input-flex">
        <!----><div class="mat-input-infix">
            <textarea _ngcontent-c28="" class="mat-input-element" formcontrolname="commentContent" mdinput="" mdtextareaautosize="" minrows="6" placeholder="Write a comment" rows="1" ng-reflect-placeholder="Write a comment"></textarea>
            <span class="mat-input-placeholder-wrapper"><!----></span>
        </div><!---->
    </div><div class="mat-input-underline"><span class="mat-input-ripple"></span></div><div class="mat-input-subscript-wrapper"><!----><!----></div>
</div>

mat-input-underline只有3行css。

.mat-input-underline {
    position: absolute;
    height: 1px;
    width: 100%;
}

<input type="text" mdInput\>也没有工作。我尝试重新安装材料，但它也没有用。所以我不知道为什么它没有造型。这不是一个重复的问题，它与角度verison没有任何关系。

mdInput没有附加样式

0 个答案: