Javascript md切换按钮在角度方向不切换

Javascript md切换按钮在角度方向不切换,javascript,angular,angular-material,angular-material2,Javascript,Angular,Angular Material,Angular Material2,我需要显示一些切换按钮,如angular material文档页面中显示的按钮。我遵循密码,尝试两者 <md-button-toggle ng-click="vm.callAlert()">Hello</md-button-toggle> 你好 及 你好 然后调用该函数。问题是按钮不能保持焦点。有人能帮我吗?首先,请不要在模板中使用ng单击。改用(单击)事件。有关更多信息,请访问语法模板 其次,请注意Angular不再使用控制器语法 第三,从应用程序的模块文件中的@

我需要显示一些切换按钮,如angular material文档页面中显示的按钮。我遵循密码,尝试两者

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

你好
然后调用该函数。问题是按钮不能保持焦点。有人能帮我吗?

首先,请不要在模板中使用
ng单击。改用
(单击)
事件。有关更多信息,请访问语法模板

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

第三,从应用程序的模块文件中的
@angular/material
导入
matbuttonoglemodule

将代码更新为以下内容:

HTML代码(
app.component.HTML
):

切换我!
组件代码(
app.Component.ts
):

@组件({
选择器:'应用程序根',
templateUrl:'app.component.html'
})
导出类AppComponent{
点击Actn(){
console.log('clicked');
}
}
  • 有关Angular的更多信息,请访问以了解更多信息

看看您的代码中是否调用了“close”函数,或者如果不止一次调用了“toggle”函数,那么您所引用的文档站点不是AngularJS 1.x,而是Angular2、4和5!!
<mat-button-toggle ng-click="vm.callAlert()">Hello</mat-button-toggle>