zoukankan      html  css  js  c++  java
  • ng4.0 运用 [记录]

    属性绑定
    <div [style.background-image]="'url(' + img+ ')'">

      input
        <input appInput type="text" [(ngModel)]="driver" name="driver"> | this.driver
    下拉select绑定

      <ul class="dropdown-menu">   <li *ngFor="let el of ruleWayArr; let index=index" (click)="iruleWaySlt=index;ruleWaySltFn()"><a href="javascript:;">{{el.text}}</a></li>   </ul>

      --------------------

      工作代码:
       <div class="btn-group select-group orderNo f-l"  dropdown>
            <button type="button" class="btn btn-default dropdown-toggle allBtn" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
              {{statusArr[iStatus.toString()].text}} <span class="caret"></span>
            </button>
            <ul class="dropdown-menu">
              <li *ngFor="let el of statusArr;let i=index" (click)="iStatus=i;"><a href="javascript:void(0)">{{el.text}}</a></li>
            </ul>
          </div>

      

    页面reload
      window.location.reload();
    i18nSelect
      {{item.status.toString() | i18nSelect: payMethods}}  需要模块注入
      angular i18n 参考:https://www.cnblogs.com/yangfantianxia/p/7878823.html

    <div class="form-group">
    <label><em>*</em>使用方式:</label>
    <div class="btn-group btn-form" dropdown>
    <button type="button" class="btn btn-default dropdown-toggle allBtn" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
    {{ruleUseSlt}} <span class="caret"></span>
    </button>
    <ul class="dropdown-menu">
    <li *ngFor="let el of ruleUseArr; let index=index" (click)="ruleUseSlt=el"><a href="javascript:;">{{el}}</a></li>
    </ul>
    </div>
    </div>

  • 相关阅读:
    团队冲刺(八)
    团队冲刺(七)
    团队冲刺(六)
    Java开发中BASE64Encoder的使用
    解决waiting for target deviceto come online的做法
    团队冲刺(五)
    团队冲刺(四)
    CSS布局 ——从display,position, float属性谈起
    让图表的Y轴 产生几个刻度距离
    CSS行高——line-height 垂直居中等问题
  • 原文地址:https://www.cnblogs.com/caiCheryl/p/9037087.html
Copyright © 2011-2022 走看看