/ * સ્રોત / એપ્લિકેશન / ટુડો / ટુડોસ ઘટક ts * /આયાત કરો {ઘટક, ઓનિઈટ} '@ કોણીય / કોર' માંથી;આયાત કરો {TodoDataService} થી ' . / todo- ડેટા સેવા ';આયાત કરો {ટોડો} થી ' . /શું કરવું';@ કમ્પોનન્ટ ({પસંદગીકાર: 'એપ-ટુડો',templateUrl: '. / todos ઘટક html ',styleUrls: ['. / todos ઘટક CSS '],પ્રદાતાઓ: [TodoDataService]})નિકાસ વર્ગ TodosComponent ઑનિનિટ {ટોડો: ટોડો [] = [];કન્સ્ટ્રક્ટર (ખાનગી TODA ડેટા સેવા: TodoDataService) {}જાહેર ngOnInit    {આ. todoDataService. getAllTodos    સબ્સ્ક્રાઇબ કરો(todos) => {આ. todos = todos;});}onAddTodo (todo) {આ. todoDataService. એડટોડો (ટુડો) સબ્સ્ક્રાઇબ કરો(નવુંટોડો) => {આ. todos = આ ટુડોસ કોન્સેટ (નવુંટોડો);});}onToggleTodoComplete (todo) {આ. todoDataService. toggleTodoComplete (todo) સબ્સ્ક્રાઇબ કરો(સુધારાયેલ ટોડો) => {todo = updatedTodo;});}onRemoveTodo (TODO) {આ. todoDataService. deleteTodoById (TODO ID). સબ્સ્ક્રાઇબ કરો(_) => {આ. todos = આ ટુડોસ ફિલ્ટર ((ટી) => ટી. આઇડી! == TOdo આઇડી);});}}