小编Bar*_*ski的帖子

我正在尝试使用Angular Material创建一个表单,允许用户选择每页的项目数(从DB加载,或其他).我想让大多数流行的选择(例如10,20,All)始终可见并且只需单击鼠标即可访问,因此没有下拉列表或滑块.但是,我还希望用户可以通过输入字段自由指定自定义值(请参见下图).

我创建了以下JSFiddle:http://jsfiddle.net/p55sx0zy/

但是有一个问题.输入字段无法用鼠标聚焦,而是选择了单选按钮,我需要按下TAB以聚焦输入字段.当我这样做并更改值时,单选按钮将被取消选中.然后,当我再次按下第4个单选按钮时,会报告正确的值.

我希望这个输入可以用鼠标聚焦,单选按钮在输入被修改时保持选中状态.使用Angular材料可以实现这样的设计吗？