Angular2 Material md-button Error

Question

이전에 Angular2가 RC5를 출시 한 것을 보았습니다. 변경 사항 및 조정 방법을 보려면 테스트 응용 프로그램 중 하나를 업데이트하기로 결정했습니다. 이 응용 프로그램 Material2에 사용하고, 나는 또한 알파 7.2로 업데이트,하지만 난 MD-버튼 구성 요소를

"템플릿 구문 분석 오류를 사용하려고이 오류 받고 있어요 : 'MD-리플에 결합 할 수 없음을 (* ngIf = "isRippleEnabled()" 은 알려진 div 속성이 아닙니다. class = "md-button-ripple" [class.md-button-ripple-round] = "isRoundButton()"[ERROR ->] [md-ripple-trigger] = "getHostElement()"[md-ripple-color] = "isRoundButton()? 'rgba (255, 255, 255, 0.2)") : MdButton @ 0 : 180 'div'의 속성이 아니기 때문에 'md-ripple-color'에 바인딩 할 수 없습니다. ("ton-ripple" [class.md-button-ripple-round] = "isRoundButton()" ->] [md-ripple-color] ] = "isRoundButton() RGBA (255, 255, 255, 0.2) '' ''MD-리플 배경색 ="RGB ") 219"

I는 : MdButton 0 @ ' m 여기

타이프 라이터 파일

import { Component, OnInit } from '@angular/core'; 
import { MdToolbar } from '@angular2-material/toolbar'; 
import { MdButton } from '@angular2-material/button'; 
import { MdIcon, MdIconRegistry } from '@angular2-material/icon'; 

@Component({ 
    moduleId: module.id, 
    selector: 'nav-bar', 
    templateUrl: 'nav-bar.component.html', 
    styleUrls: ['nav-bar.component.css'], 
    directives: [ 
    MdToolbar, 
    MdButton, 
    MdIcon 
    ], 
    providers: [ 
    MdIconRegistry 
    ] 
}) 

export class NavBarComponent implements OnInit { 

    constructor() {} 

    ngOnInit() { 
    } 

} 

추가 자료와 파일을 만든 각도 CLI이다, 내가 nav-bar라는 추가하려고하고있어 새로운 구성 요소를 사용하여

import { NgModule }  from '@angular/core'; 
import { BrowserModule } from '@angular/platform-browser'; 

import { AppComponent } from './app.component'; 
import { HttpModule} from '@angular/http'; 
import { MdRippleModule } from '@angular2-material/core/core'; <== this line 

@NgModule({ 
    imports:  [ BrowserModule, HttpModule, MdRippleModule ], <== add here 
    declarations: [ AppComponent ], 
    bootstrap: [ AppComponent ] 
}) 
export class AppModule { } 

또는 구성 요소 내에서 MdRipple 지침을 전달합니다 :

HTML 파일

<md-toolbar> 
    <button md-button> 
    <md-icon>menu</md-icon> 
    </button> 
    NavBar 
</md-toolbar> 

Answer 1

시도는 AppModule에 MdRippleModule를 가져

... 
import { MdRipple } from '@angular2-material/core/core'; <== this line 
@Component({ 
    moduleId: module.id, 
    selector: 'nav-bar', 
    templateUrl: 'nav-bar.component.html', 
    styleUrls: ['nav-bar.component.css'], 
    directives: [ 
    MdToolbar, 
    MdButton, 
    MdIcon, 
    MdRipple <== add here 
    ], 
    providers: [ 
    MdIconRegistry 
    ] 
}) 
export class NavBarComponent implements OnInit { 
...