如何使用ng-if else为角度2中的以下嵌套json?

时间:2017-11-12 17:29:33

标签: angular angular2-directives angular-ng-if

我希望隐藏某些字段,具体取决于"可见"的值。在下面的json中,当"可见"时动态显示名称。设置为true。

我的.json

{

"PanelInfo": {

"PersonalInformation": {

"DisplayName": "Personal Information",

"Activation": "True",

"Fields": {

"EmpCode": {

"DisplayName": "Emp Code",

"Visible": "True"

},

"Title": {

"DisplayName": "Title",

"Visible": "True"

},



"FirstName": {

"DisplayName": "First Name",

"Visible": "True"

},



"MiddleName": {

"DisplayName": "Middle Name",

"Visible": "False"

},



"LastName": {

"DisplayName": "Last Name",

"Visible": "False"

},



"FatherFName": {

"DisplayName": "Father First Name",

"Visible": "False"

},



"FatherMName": {

"DisplayName": "Father Middle Name",

"Visible": "True"

}

}

},



"ContactDetails": {

"DisplayName": "Contact Details",

"Activation": "False",

"Fields": {

"FatherLName": {

"DisplayName": "Father Last Name",

"Visible": "True"

},



"HusbandFName": {

"DisplayName": "Husband First Name",

"Visible": "True"

},



"HusbandMName": {

"DisplayName": "Husband Middle Name",

"Visible": "True"

},



"HusbandLName": {

"DisplayName": "Husband Last Name",

"Visible": "False"

},



"DateOfBirth": {

"DisplayName": "Date Of Birth",

"Visible": "False"

},



"MobileNo": {

"DisplayName": "Mobile No",

"Visible": "False"

},



"PassportNo": {

"DisplayName": "Passport No",

"Visible": "True"

},



"Qualification": {

"DisplayName": "Qualification",

"Visible": "True"

}

}

},



"OtherDetails": {

"DisplayName": "Passport,PAN,AADHAAR & OTHER DETAILS",

"Activation": "False",

"Fields": {

"OfficeEmail": {

"DisplayName": "Office Email",

"Visible": "True"

},



"PersonalEmail": {

"DisplayName": "Personal Email",

"Visible": "True"

},



"JoiningDate": {

"DisplayName": "Joining Date",

"Visible": "True"

},



"PermanentAddress1": {

"DisplayName": "Address1",

"Visible": "True"

},



"PermanentAddress2": {

"DisplayName": "Address2",

"Visible": "False"

},



"PermanentState": {

"DisplayName": "State",

"Visible": "False"

},



"PermanentCity": {

"DisplayName": "City",

"Visible": "True"

}



}

}

}

}

0 个答案:

没有答案