md-toggle-button不会以角度切换

Question

我需要显示一些切换按钮，如角度材料https://material.angular.io/components/button-toggle/overview的文档页面中所示。我按照代码，试了两个

<md-button-toggle ng-click="vm.callAlert()">Hello</md-button-toggle>

和

<mat-button-toggle ng-click="vm.callAlert()">Hello</mat-button-toggle>

并调用该函数。问题是按钮没有保持专注。有人可以帮我吗？

Answer 1

首先，请不要在模板中使用ng-click 。请改用(click)事件。有关详细信息，请访问documentation了解模板语法。

其次，请注意Angular不再使用控制器语法。

第三，在应用的模块文件中从MatButtonToggleModule导入@angular/material。

将您的代码更新为以下内容：

HTML代码（app.component.html）：

<mat-button-toggle (click)="clickActn()">Toggle me!</mat-button-toggle>

组件代码（app.component.ts）：

@Component({
    selector: 'app-root',
    templateUrl: 'app.component.html'
})
export class AppComponent {
    clickActn() {
        console.log('clicked');
    }
}

• 有关Angular的更多信息，请访问official documentation site了解详情！
• Angular Migration Guide