复选框隐藏/显示基于打字稿中的另一个复选框vakue

时间:2018-06-06 11:02:22

标签: angular typescript

我正在使用primeng checkbox.Here我想隐藏/显示并根据条件选中/取消选中该值。

条件1: 如果选中第一个复选框,则会选中第二个和第三个复选框并显示。

条件2: 如果未选中第一个复选框,则将取消选中第二个和第三个复选框并隐藏。

html的

          <div class="form-group">
            <div>
                <p-checkbox (onChange)="Changes($event)" 
                label="Documentation" binary="true"></p-checkbox>
            </div>
            <div *ngIf="isFDV" >
                <p-checkbox  label="doc1" binary="true"></p-checkbox>
            </div> 
            <div *ngIf="isFDV">
                <p-checkbox label="doc2" binary="true"></p-checkbox>
            </div>
         </div> 

.TS

 isFDV = false;
    Changes(event) {
       this.isFDV = event;
  }

1 个答案:

答案 0 :(得分:0)

只需与"NAME","ACC","SCORE","TEAM" "TRR","OOP","87","BCC" "DEE","OOP","","" "EWR","PLO","","" 绑定,无需像这样调用更改事件 -

import pandas as pd

df1 = pd.read_csv("field1.csv", index_col=[1], index_col=[2])

df2 = pd.read_csv("field2.csv", index_col=[1], index_col=[2])

finaldf = pd.concat([df1, df2])

print(finaldf)

finaldf.to_csv('final.csv')