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>