Angular fxLayout=";“世界其他地区”@“角度/弯曲布局”:&引用;2.0.0-beta.1“;和角材料2 选择参考 建筑学 架构文件源 {{env.viewValue} 架构文件 {{env.viewValue} 名称 云彩 {{env.viewValue} 环境 {{env.viewValue} 发射 取消

Angular fxLayout=";“世界其他地区”@“角度/弯曲布局”:&引用;2.0.0-beta.1“;和角材料2 选择参考 建筑学 架构文件源 {{env.viewValue} 架构文件 {{env.viewValue} 名称 云彩 {{env.viewValue} 环境 {{env.viewValue} 发射 取消,angular,angular-material2,angular-flex-layout,Angular,Angular Material2,Angular Flex Layout,对于第一行fxLayout=“row”有效,但对于其余4行无效,我希望将其余行渲染为第一行渲染。我正在使用“@angular/core”:“^2.4.3”,“@angular/flex布局”:“2.0.0-beta.1”, md选择的高度与md输入的高度不同;如何使所有字段的高度相同。正如我在评论中提到的,html中有很多错误的代码,例如*ngFor,md-rised button=“”,[hidden=“”=“ftUser”,disabled=“”=“!custAppDetail.valid”

对于第一行fxLayout=“row”有效,但对于其余4行无效,我希望将其余行渲染为第一行渲染。我正在使用“@angular/core”:“^2.4.3”,“@angular/flex布局”:“2.0.0-beta.1”,
md选择的高度与md输入的高度不同;如何使所有字段的高度相同。

正如我在评论中提到的,html中有很多错误的代码,例如
*ngFor
md-rised button=“”
[hidden=“”=“ftUser”
disabled=“”=“!custAppDetail.valid”
。一旦你清理了这些东西,代码似乎工作得很好

html:


@AJT_82,@Pankaj Parkar,@Nehal请告诉我你的宝贵信息inputs@GeorgeAlexandria你能帮我设置html标记的格式吗?你读过吗?你的代码有很多不可靠的东西,比如
*ngFor
md raised button=“”
[hidden=“”]=“ftUser”
disabled=“”=“!custAppDetail.valid”
!!!!!!!!但在清理完所有这些之后,我能够在中重新创建视图。我看不出这些行有任何问题。如果您的问题仍然存在,请使用此plunker重新创建您的问题,并为其他人共享问题中的链接。此外,您还可以在plunker的css文件中找到修复
md select
md input
的解决方案。让我知道这是否解决了你的问题。我已经用过一次,现在它工作了,不知道为什么它不工作,谢谢你的帮助:)
<p class="normal-gray-txt text-center">
  <b>
    Choose reference
    architecture
  </b>
</p>
<form fxLayout="column" >
  <div fxLayout = "row" class="row-height">
    <label fxFlex="1 6 60%"> Architecture file source</label>
    <md-select fxFlex = "3 1 40%" placeholder="abc">
      <md-option *ngFor = "let env of [1, 2, 3, 4]" >
        {{ env }}
      </md-option>
    </md-select>
  </div>
  <div fxLayout = "row" class="row-height">
    <label fxFlex="1 6 60%"> Architecture file</label>
    <md-select fxFlex = "3 1 40%" placeholder= "Choose file">    
      <md-option *ngFor = "let env of [1, 2, 3, 4]" >
        {{ env }}
      </md-option>
    </md-select>
  </div>
  <div fxLayout = "row" class="row-height">
    <label fxFlex="1 6 60%"> Name</label>
    <md-input fxFlex = "3 1 40%" placeholder="Enter Name">
    </md-input>
  </div>
  <div fxLayout = "row" class="row-height">
    <label fxFlex="1 6 60%"> Cloud</label>
    <md-select fxFlex = "3 1 40%" placeholder="Choose Chain">
      <md-option *ngFor = "let env of [1, 2, 3, 4]" >
        {{ env }}
      </md-option>
    </md-select>
  </div>
  <div fxLayout = "row" class="row-height">
    <label fxFlex="1 6 60%"> Enviroment</label>
    <md-select fxFlex = "3 1 40%" placeholder="Choose Environment">
      <md-option *ngFor = "let env of [1, 2, 3, 4]" >
        {{ env }}
      </md-option>
    </md-select>
  </div>
  <div class="box-btn-dialog">
    <button md-raised-button class="auto-btn-prime">LAUNCH</button>
    <button md-raised-button class="auto-btn-gray">CANCEL</button>
  </div>
</form>
.row-height{
  min-height: 55px;
}

md-input{
  margin-top: -15px !important;
}