角度材料2:'md-input'不是已知元素

时间:2017-03-08 13:54:30

标签: angular angular-material

我在这里缺少什么? md-input文件中应module单独加载吗?

这有效:

<md-input-container>
  <input mdInput name="username" placeholder="Username" [(ngModel)]="username" #name="ngModel" required>          
</md-input-container>

然而,这失败了:

<md-input placeholder="amount" align="end">
  <span md-prefix>$&nbsp;</span>
  <span md-suffix>.00</span>
</md-input>

出现以下错误:

Unhandled Promise rejection: Template parse errors:
'md-input' is not a known element:
1. If 'md-input' is an Angular component, then verify that it is part of this module.
2. If 'md-input' is a Web Component then add "CUSTOM_ELEMENTS_SCHEMA" to the '@NgModule.schemas' of this component to suppress this message. ("
  </div>
  <div>
    [ERROR ->]<md-input placeholder="amount" align="end">
      <span md-prefix>$&nbsp;</span>

app.module.ts

import { NgModule }      from '@angular/core';
import { CommonModule }   from "@angular/common";
import { BrowserModule } from '@angular/platform-browser';
import { FormsModule } from "@angular/forms";
import { MaterialModule } from "@angular/material";

import { AppComponent }  from './app.component';

import "hammerjs";

@NgModule({
  imports:      [ 
    CommonModule,
    BrowserModule, 
    FormsModule,
    MaterialModule.forRoot() 
  ],
  declarations: [ AppComponent ],
  bootstrap:    [ AppComponent ]
})
export class AppModule { }

2 个答案:

答案 0 :(得分:3)

那是因为在你的第二个例子中语法是错误的。使用最后的2.0.0测试版.1(我认为您正在使用),spring.cloud.stream.bindings.<subscriptionChannel>.consumer.‌​headerMode:raw关键字已替换为closestDepth = texture(gSunShadowMap, projCoords.xy).r 。因此,如果您希望使用Angular Material 2进行样式输入,只需键入

即可
Staged files

答案 1 :(得分:0)

我认为您错误地指定了前缀和后缀。根据{{​​3}}

  

前缀和后缀

     

HTML可以包含在输入标记之前和之后,作为前缀或   后缀。它将根据材料规范加下划线,并且   点击它将聚焦输入。

     

将mdPrefix属性添加到内部的元素中   md-input-container将其指定为前缀。同样,添加   mdSuffix会将其指定为后缀。

而不是使用md-prefixmd-suffix

<md-input placeholder="amount" align="end">
  <span md-prefix>$&nbsp;</span>
  <span md-suffix>.00</span>
</md-input>

尝试使用mdPrefixmdSuffix并将其包装在md-input-container中:

<md-input-container>
    <input mdInput placeholder="amount" align="end">
    <span mdPrefix>$&nbsp;</span>
    <span mdSuffix>.00</span>
</md-input-container>