《Input+Dropdown-Model》

前言:

       重复的工作没有必要人工一直来做,可以形成模板,提高前端开发效率。

正文: 

Input

<div class="form-group">
      <label>{{'dataModelInfo.modelName' | translate}}:</label>
      <!-- input框 start-->
      <input type="text" name="modelName" class="form-control" placeholder="请输入模型名称" [(ngModel)]="modelName">
      <!--end  -->
</div>
Dropdown
<div class="form-group">
      <label>{{'dataModelInfo.modelType' | translate}}:</label>
      <!-- 下拉框 start-->
          <select class="form-control" name="modelType" [(ngModel)]="examinationId" (change)="changeModelType($event.target.value)">
            <option >---------请选择模型类别-----------</option>
            <option *ngFor="let option of data" [value]="option.id">{{option.modelType}}</option>
          </select>
      <!-- end -->
</div>

结语:

       单纯的重复问题解决以后,便有了时间和精力去做精致的事情。


猜你喜欢

转载自blog.csdn.net/yxf15732625262/article/details/79819443