md-toggle-button 不切换角度

Question

我需要显示一些切换按钮，这些按钮出现在 angular material 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 不再使用控制器语法。

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

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

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