禁用Button

默認情況下，按鈕處于啟用狀態，若要禁用它，請將disabled屬性設置為true。

查看源代碼：

app.component.ts：

import { Component } from '@angular/core';

@Component({
    selector: 'my-app',
    template: `
        <div class="row">
          <div class="col-xs-12 col-sm-6 example-col">
            <p>Default Disabled Button</p>
            <p class="k-block">
              <button kendoButton (click)="onButtonClick()" themeColor="primary" [disabled]="true">Apply</button>
              <button kendoButton (click)="onButtonClick()" [disabled]="true">Cancel</button>
            </p>
          </div>

          <div class="col-xs-12 col-sm-6 example-col">
            <p>Flat Disabled Button</p>
            <p class="k-block">
              <button kendoButton (click)="onButtonClick()" fillMode="flat" themeColor="primary" [disabled]="true">Apply</button>
              <button kendoButton (click)="onButtonClick()" fillMode="flat" [disabled]="true">Cancel</button>
            </p>
          </div>

          <div class="col-xs-12 col-sm-6 example-col">
            <p>Outline Disabled Button</p>
            <p class="k-block">
              <button kendoButton (click)="onButtonClick()" fillMode="outline" themeColor="primary" [disabled]="true">Apply</button>
              <button kendoButton (click)="onButtonClick()" fillMode="outline" [disabled]="true">Cancel</button>
            </p>
          </div>

          <div class="col-xs-12 col-sm-6 example-col">
            <p>Link Disabled Button</p>
            <p class="k-block">
              <button kendoButton (click)="onButtonClick()" fillMode="link" themeColor="primary" [disabled]="true">Apply</button>
              <button kendoButton (click)="onButtonClick()" fillMode="link" [disabled]="true">Cancel</button>
            </p>
          </div>
        </div>
    `
})

export class AppComponent {
    public onButtonClick(): void {
        console.log('click');
    }
}

點擊復制

app.module.ts：

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

import { ButtonsModule } from '@progress/kendo-angular-buttons';

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

@NgModule({
bootstrap: [AppComponent],
declarations: [AppComponent],
imports: [BrowserModule, BrowserAnimationsModule, ButtonsModule],
})
export class AppModule {}

main.ts：

import "./polyfills";

import { enableProdMode } from "@angular/core";
import { AppModule } from "./app.module";
import { platformBrowserDynamic } from "@angular/platform-browser-dynamic";

enableProdMode();
const platform = platformBrowserDynamic();
platform.bootstrapModule(AppModule, { preserveWhitespaces: true });

超碰91资源站-超碰97豆花-超碰97人妻-超碰97人人干-超碰97人人香蕉-超碰97天天操-超碰97在线资源站-超碰97资源站共享-超碰97资源站总站-超碰aa在线91-超碰av操-超碰爱爱

半岛外围网上直营

禁用Button

用科技創就卓越

Create excellence with technology