5

レイアウトのフレックス プロパティの設定に問題があります。ここにプランカーがあります: http://embed.plnkr.co/0SrUp25FvT2PAsJDEwF3/preview

  <md-content flex layout="row" layout-align="center">
    <div layout="column">
      <div flex layout="column" layout-fill>
        <div flex="33">
          <md-input-container>
            <label>Enter Room's Name</label>
            <input ng-model="test" placeholder="Enter Room's Name">
          </md-input-container>
        </div>
        <div flex="66">
          <md-button class="md-raised md-accent">
            Create Chat Room
          </md-button>
        </div>
      </div>
    </div>
  </md-content>

ドキュメントへのリンクは次のとおりです: https://material.angularjs.org/#/layout/grid

入力 (テキスト) と入力 (ボタン) の flex プロパティが flex 属性に従っていない問題。

私が達成しようとしているのは、次のようなものです。 ここに画像の説明を入力

4

1 に答える 1

11

試してみた結果がこちら、

うまくいけば、それが役立ちます:

<md-content layout="row" layout-align="center">
  <div layout="column">
    <div flex layout="column" layout-fill> <!-- this is what I change -->
      <div flex="33">
        <md-input-container>
          <label>Enter Room's Name</label>
          <input ng-model="test" placeholder="Enter Room's Name">
        </md-input-container>
      </div>
      <div flex="66">
        <md-button class="md-raised md-accent">
          Create Chat Room
        </md-button>
      </div>
    </div>
  </div>

</md-content>
于 2015-02-10T22:01:36.557 に答える