कोणीय 2 चेकबॉक्स सभी

Question

जांचें मेरे पास प्रोजेक्टनामों की जांच करने के लिए एक सूची है। नीचे मैं उन सभी को चेक या अनचेक करने के लिए चेकबॉक्स रखना चाहता हूं। मुझे लगता है कि मुझे एक * ngFf (यदि चेक किया गया है) के साथ * ngFf लूप (सभी की जांच करें) की आवश्यकता है लेकिन यह काफी चुनौती है ... मैं यह नहीं समझ सकता कि मुझे इसके साथ प्रक्रिया कैसे करनी चाहिए। क्या मैं (चेक) या कुछ या * ngIf = "(चेक)" का उपयोग करता हूं और फिर प्रोजेक्ट सेट करने के लिए * ngFor लूप का उपयोग करता हूं। जांच की गई। मैं इसके तर्क के अंदर नहीं आ सकता।

<input type="checkbox" [ngFormControl]="allCtrl"/> 

allCtrl घटक के निर्माता के भीतर आरंभ नहीं हो जाता: जब उपयोगकर्ता चेक या unchecks

<div id="drp-project-select"> 
     <div class="scroller" [hidden]="!showMenu"> 
      <div id="search-wrapper"> 
       <i class="fa fa-search fa-xs"></i> 
       <input [(ngModel)]="searchTerm" type="text" placeholder="Zoek op naam..." #search> 
      </div> 
      <ul> 
       <li *ngFor="#project of projectdata.LoginResponse?.ProjectVM | searchpipe:'Project':search.value"> 
        <label class="checkbox-label" > 
         <input type="checkbox" class="dropdown-checkbox" [(ngModel)]="project.isChecked" (change)="addProject(project)" > 
         <span>{{project.Project}}</span> 
        </label> 
       </li> 
      </ul> 
     </div> 
     <div class="bottom-data" [hidden]="!showMenu"> 
      <label><input type="checkbox" id="bottom-checkbox"></label> 
     </div> 
    </div> 

Answer 1

मैं "जाँच/सब सही का निशान हटाएँ" चेकबॉक्स पर एक नियंत्रण का प्रयोग करेंगे अधिसूचित किया जाना है। तो फिर तुम रजिस्टर कर सकता है के खिलाफ इस पर नियंत्रण के valueChanges संपत्ति के अपडेट के लिए सूचित किया और उसके अनुसार isChecked फ़ील्ड अपडेट: "। अप्रत्याशित टोकन"

constructor() { 
    this.allCtrl = new Control(); 
    this.allCtrl.valueChanges.subscribe(
    (val) => { 
     this.projectdata.LoginResponse.ProjectVM.forEach((project) => { 
     project.isChecked = val; 
     }); 
    }); 
}