Angular マテリアルでラジオボタンを水平に揃えるにはどうすればいいですか? 質問する

Angular マテリアルでラジオボタンを水平に揃えるにはどうすればいいですか? 質問する

私はこれに対して組み込みのディレクティブまたはタグを期待していましたが、ドキュメントによるとおそらくそうではないようです。

これは

<div class="radioButtondemoBasicUsage" ng-app="MyApp">
<form ng-submit="submit()" ng-controller="AppCtrl">
<p>Selected Value: <span class="radioValue">{{ data.group1 }}</span> </p>

<md-radio-group ng-model="data.group1">

  <md-radio-button value="Apple" class="md-primary">Apple</md-radio-button>
  <md-radio-button value="Banana"> Banana </md-radio-button>
  <md-radio-button value="Mango">Mango</md-radio-button>

</md-radio-group>

ベストアンサー1

デフォルトの CSS を上書きする必要はありません。

<md-radio-group layout="row">
  <md-radio-button value=0 class="md-primary">On</md-radio-button>
  <md-radio-button value=1> Off </md-radio-button>
</md-radio-group>

ここに画像の説明を入力してください

md-radio-groupタグに属性を入れるだけですlayout="row"

おすすめ記事