4

アプリを安定版にアップグレードしているときによくあるエラーが発生しましたがangular2、上記の解決策はどれもうまくいきませんでした (これは、ほとんど普及している唯一の解決策です)。はい、これ ：

Template parse errors:
Can't bind to 'placeholder' since it isn't a known property of 'md-input'.
1. If 'md-input' is an Angular component and it has 'placeholder' input, 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.

このソリューション1とこのソリューションFormsModule2（同じ）に従ってインポートしようとしましたが、同じエラーがまだ発生しています。それに対する他の解決策はありますか？

HTML :

  <div class="col-lg-10 col-lg-offset-1">
      <div class="md-block">
        <md-input
          id="name"
          [ngModel]="xyzStuff?.xyz_name"
          placeholder="{{'xyzName' | translate}}"
          formControlName="name"
          dividerColor="{{getDividerColor(xyzForm.controls.name)}}"
        >
        </md-input>
      </div>
    </div>

そしてModule file：

import { NgModule } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { FormsModule, ReactiveFormsModule } from '@angular/forms';

import { UIRouterModule } from 'ui-router-ng2';
import { TranslateModule } from 'ng2-translate';

import { ParComponent } from './par.component';
import { XyzSettingsComponent } from './shared/xyz-settings/xyz-settings.component';

@NgModule({
  declarations: [
    ParComponent,
    XyzSettingsComponent
  ],
  imports:       [
    FormsModule,
    BrowserModule,
    UIRouterModule,
    TranslateModule,
    ReactiveFormsModule
  ],
  providers:     [],
  exports:       [
    FormsModule,
    BrowserModule,
    UIRouterModule,
    TranslateModule,
    ReactiveFormsModule
  ]
})
export class ParModule {}

助けはありますか？

4

1 に答える 1

3

md-inputangular2マテリアルプロジェクト所属。Angular 2 Material はまったく異なるプラグインです。のオプションMaterialModule内でインポートおよび注入されていることを確認する必要があります。importsNgModule

import { MaterialModule } from '@angular/material';

@NgModule({
  declarations: [
    ...
  ],
  imports:       [
    ...,
    MaterialModule.forRoot(), //<-- imported material module here
    ...
  ],
  providers:     [],
  exports:       [
    ...
  ]
})

入門ページAngular2の資料に目を通すことを強くお勧めします

注:MaterialModuleコンポーネントを使用するモジュールのコンポーネントを インポートする必要があることを確認してくださいAngular 2 material。

于 2016-11-19T09:57:37.927 に答える