/ * દૃશ્ય-સૂચિ ઘટક ts * /આયાત કરો {ઘટક, ઓનિઈટ} '@ કોણીય / કોર' માંથી;આમાંથી {ListService} આયાત કરો '. / સેવાઓ / સૂચિ સેવા ';'સૂચિમાંથી આયાત કરો' . / મોડેલો / સૂચિ '@ કમ્પોનન્ટ ({પસંદગીકાર: 'એપ-વિઝન-લિસ્ટ',templateUrl: '. / દૃશ્ય-સૂચિ ઘટક html ',styleUrls: ['. / દૃશ્ય-સૂચિ ઘટક CSS ']})નિકાસ વર્ગ જુઓલિસ્ટકંપનીનો ઑનિનિટ અમલીકરણ {// સૂચિ propoerty જે યાદી પ્રકાર એક એરે છેખાનગી યાદીઓ: સૂચિ [] = [];કન્સ્ટ્રક્ટર (ખાનગી સૂચિ: સૂચિ સેવા) {}ngOnInit    {// init પર બધા યાદી લોડ કરોઆ. લોડલિસ્ટ   ;}જાહેર લોડ યાદી    {// સર્વરની બધી સૂચિ મેળવો અને યાદીઓની સંપત્તિ અપડેટ કરોઆ. સૂચિ getAllLists    સબ્સ્ક્રાઇબ કરોપ્રતિભાવ => આ. યાદીઓ = પ્રતિભાવ,)}// deleteList હટાવેલ સૂચિને આનો ઉપયોગ કરીને ફિલ્ટર કરવામાં આવી છે. ફિલ્ટર પદ્ધતિજાહેર કાઢી લીસ્ટ (સૂચિ: સૂચિ) {આ. સૂચિ કાઢી નાખો (યાદી. _id) સબ્સ્ક્રાઇબ કરોપ્રતિભાવ => આ. યાદીઓ = આ. યાદીઓ ફિલ્ટર (સૂચિ => યાદીઓ! == સૂચિ),)}}