在自定义按钮内包装angular2材质md按钮

时间:2016-07-25 15:18:31

标签: angular angular-material

我正在尝试在自定义按钮中包装一个材质md按钮,并传递我想通过属性渲染的按钮类型。该属性在渲染管道中传递但是太晚,最有可能是在应用材质样式时。

//$this->call(HvAccountsSeeder::class);

//Schema::create('users', function (Blueprint $table) {
          //  $table->increments('id');
          //  $table->string('name');
          //  $table->string('email')->unique();
          //  $table->string('password');
          //  $table->rememberToken();
           // $table->timestamps();
       // });
// Schema::drop('users');

然后我就这样使用了。

@Component({
     selector: 'custom-button',
     template: `
          <button
              [attr.md-raised-button]="isRaisedButton()">
              <ng-content></ng-content>
          </button>`,
     directives: [MD_BUTTON_DIRECTIVES]
 })
export class CustomButton {
    @Input('raised-button') public raisedButton: boolean = null;
    public isRaisedButton(): string {
        return (this.raisedButton != null && this.raisedButton != false) ? '' : null;
    }
}

正如我所说,属性被正确添加但按钮不会呈现为材料提升输入。

感谢任何帮助。

0 个答案:

没有答案