Angular1 2样式 禁用属性 隐藏显示

ng-disabled="app.status !== 'NEW' && app.status !== 'WAIT'"
ng-disabled="app.status == 'SUCCEED'"

---------------------------------------------------------------------------------------------
admin
　　button.ui-btn-deploy.ui-btn-sm.ui-btn-link.testCss(ng-disabled="app.status !== 'WAIT'" style="color: {{app.cssa}};background-color: {{app.cssb}};" ng-click="test(app,0)") 测试
button.ui-btn-deploy.ui-btn-sm.ui-btn-link.testCss(ng-disabled="app.status !== 'TESTED'" style="color: {{app.cssc}};background-color: {{app.cssd}};" ng-class="{'disabled':app.status !== 'TESTED'}" ng-click="assessment(app,0)") 评估


button.ui-btn-deploy.ui-btn-link.applyTest(ng-disabled="app.status !== 'SUCCEED'" style="color: {{app.csse}};background-color: {{app.cssf}};" ng-click="app.status == 'SUCCEED' && resultDetail(app)") 
div.applyTests 结果详情

 

引擎
　　button.ui-btn-deploy.ui-btn-link.applyTest(ng-disabled="app.status !== 'NEW'" style="color: {{app.cssa}};background-color: {{app.cssb}};" ng-click="app.status === 'NEW' && applyTest(app,0)") 
div.applyTests 申请测试
button.ui-btn-deploy.ui-btn-link.applyTest(ng-disabled="app.status == 'NEW' || app.status == 'WAIT'" style="color: {{app.cssc}};background-color: {{app.cssd}};" ng-click="app.status !== 'NEW' || app.status !== 'WAIT' && taskDetail(app)") 
div.applyTests 任务详情
button.ui-btn-deploy.ui-btn-link.applyTest(ng-disabled="app.status == 'SUCCEED'" style="color: {{app.csse}};background-color: {{app.cssf}};" ng-click="app.status !== 'SUCCEED' && resultDetail(app)") 
div.applyTests 结果详情

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

<ul style=" 1000px">
style = {{height: this.state.clientHeight}}
<ul [style.width]="1000px">
<ul class = "ul" id = "ul">
<ul style=" widths">
<ul [ngStyle.width]="1000px">
<ul [ngStyle]="{'background-color':'green'}">
<ul [ngStyle]="{'width': widths}">

<ul [ngStyle]="{'color': operate?.light === true ? '#DC143C' : '#999'}">

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

  <nz-form-item>

    <nz-form-label [nzSm]="3" [nzXs]="24" nzRequired nzFor="email" class = 'bindRole'>绑定角色</nz-form-label>

    <nz-form-control [nzSm]="19" [nzXs]="24" >

      <nz-tag

        *ngFor="let tag of userApp.tagsRole; let i = index"

        [nzMode]="'closeable'"

        (nzAfterClose)="rolehandleClose(tag)"

      >

        {{ rolesliceTagName(tag) }}

      </nz-tag>

      <!-- ------------- -->

      <nz-tag *ngIf="!userApp.inputVisibleRole" class="editable-tag" nzNoAnimation (click)="roleshowInput()">

        <i nz-icon nzType="plus"></i> 添加角色

      </nz-tag>

      <!-- ------------- -->

      <nz-cascader *ngIf="userApp.inputVisibleRole" [nzOptions]="userApp.roleOptions" formControlName="role" [nzShowSearch]="true"

                   (ngModelChange)="rolehandleInputConfirm()">

      </nz-cascader>

    </nz-form-control>

  </nz-form-item>