Lablel为MD-无线电组

我有一个单选按钮组在角4材料应用：Lablel为MD-无线电组

<md-radio-group fxLayout fxLayoutAlign="center center" fxLayoutGap="30px"> 
    <md-radio-button value="1">Date</md-radio-button> 
    <md-radio-button value="2">Status</md-radio-button> 
    <md-radio-button value="3">From</md-radio-button> 
    <md-radio-button value="4">To</md-radio-button> 
</md-radio-group>

我通过文档和样品去了，无法弄清楚如何让一个标签到这个组。我需要类似这样的东西，但具有适当的造型：

角度材料中添加标签到收音机组的目标方法是什么？很显然，我们可以添加一个label并从头开始设计风格，但对于大量风格的组件而言，它看起来效率不高。

来源

2017-10-05 Alexander Abakumov

你就可以创建一个Codepen或相似的，所以大家可以看一下，并尝试的东西呢？ –

我会的，但它似乎应该是任何角度材料应用程序非常基本的东西。 –

好，然后告诉我们你到目前为止尝试过什么，并没有工作。 –

这就是你要找的。

<div fxLayout fxLayoutAlign="center center" fxLayoutGap="30px"> 
     <label>Sort by</label> 
     <md-radio-group> 
     <md-radio-button value="1">Date</md-radio-button> 
     <md-radio-button value="2">Status</md-radio-button> 
     <md-radio-button value="3">From</md-radio-button> 
     <md-radio-button value="4">To</md-radio-button> 
     </md-radio-group> 
    </div>

CSS

.mat-radio-button {margin-right: 30px;}

其他添加flexLayout您md-radio-group

<md-radio-group fxLayout fxLayoutAlign="center center" fxLayoutGap="30px">

来源

2017-10-05 16:01:17 ShadowFoOrm

添加一个'label'当然是一种选择，但是它的样式呢 - 是否需要从头开始完成？在Angular Material中没有内置的方法吗？ –

@AlexanderAbakumov，是的，现在你必须设计它。这就是他们这样做的方式。甚至没有输入或选择在组件外有标签。 – ShadowFoOrm

我明白了。感谢这些信息。 –

Lablel为MD-无线电组

回答

相关问题