कोणीय 2 - एनजीशो समकक्ष?

Question

प्रलेखन की मेरी व्याख्या के अनुसार, यदि मैं डिफ़ॉल्ट रूप से छिपा हुआ तत्व प्राप्त करना चाहता हूं, और जब कोई लिंक क्लिक किया गया है, तो निम्नलिखित कार्य करना चाहिए?

1. /app/app.component.ts में

   newTrustFormVisible: false; 
   

2. /app/app.component.html

   <a href="#" (click)="newTrustFormVisible = !newTrustFormVisible;">[Add New]</a> 
   
   <div ng-show="newTrustFormVisible" class="panel panel-default"> 
       ... 
   </div> 
   

हालांकि में, यह काम नहीं करता। यह भी कोई त्रुटि पैदा करता है। मैं क्या खो रहा हूँ?

Answer 1

आपका कोणीय 1 निर्देशों का उपयोग कर रहा है। कोणीय 2 के लिए *ngIf उन घटकों के लिए उपयोग करें जिन्हें डोम में होने की आवश्यकता नहीं है जब वे छुपाए गए हैं या एचटीएमएल छिपी हुई संपत्ति [hidden] से बंधे हैं यदि आप हमेशा घटक को डीओएम में रखना चाहते हैं लेकिन सीएसएस के साथ छिपा हुआ है।

जैसे:

या

<div [hidden]="!newTrustFormVisible" class="panel panel-default"> 

Angular 1 to Angular 2 reference

*ngIf