角度材料:如何在一行中输入3个输入字段

时间:2018-03-07 17:03:28

标签: javascript angularjs angular-material

我尝试将3个元素放在一行

                        <ng-form name="voiceForm" novalidate>

                            <div layout="row" layout-padding="">
                                <div layout="column" flex="70">
                                    <div layout="column">




....

    <md-input-container class="md-block" flex-gt-sm ng-if="$ctrl.isAddMode" class="md-inline-form" layout-gt-sm="row">

     <label>ID</label> vp_
      <md-select ng-model="ctrl.id_language" flex-gt-sm>
    <md-option ng-repeat="languageName in $ctrl.languages" ng-value="languageName">
                    {{languageName}}
                  </md-option>
                </md-select>
                _
                <input name="id_freetext" ng-model="$ctrl.id_freetext" flex-gt-sm ng-model-options="{ debounce: 1000 }" ng-pattern="/^[a-zA-Z0-9_]*$/" ng-change="$ctrl.verifyId()" required>

                <span class='error' ng-if="voiceForm.id_freetext.$error.unique">duplicated</span>
                <span class='error' ng-if="voiceForm.id_freetext.$error.required">required</span>
                <span class='error' ng-if="voiceForm.id_freetext.$error.pattern">alphanumeric only</span>

    </md-input-container>

我已尝试"layout=row"inline,例如“标题和电子邮件”在此form

中排成一排

但元素仍在列中。

enter image description here

我该如何解决这个问题?

0 个答案:

没有答案
相关问题