by Logan Dupont @logandupont.com This feed shows posts about the Angular framework which contains the word 'Angular' or #Angular. It also contains posts from the official @angular.dev account and from the Angular community. More info can be found about this feed can be found here https://www.graze.social/feeds/30992.
Armen Vardanyan @armenvardanyan.dev
Since Angular 22, we can use arrow functions inside templates, which I feel should actually be a very welcome change. Are you already using it? #Angular #WebDev #TypeScript #Frontend
![<!-- a terrible way of using it -->
@for (todo of todos().filter(t => !t.done); track todo.id) {
<app-todo [todo]="todo" />
}
<!-- an actually good way of using it -->
<button (click)="todos.update(list => list.map(t => ({ ...t, done: true })))">
Mark all done
</button>](https://cdn.bsky.app/img/feed_thumbnail/plain/did:plc:66nqhsdbvnegbylgnqdv4rw5/bafkreigdo2oslvxovgmlo6aymehysipfzl3ismhxbtknuhodgeitf5slkq)
tinyurl.com
Deep Dive - Angular Camp für fortgeschrittene Angular-Entwickler
Alle Trainingsinhalte zum Deep Dive. Intensivtraining in Angular mit Manfred Steyer. Ablauf & Termine entdecken!
![@Directive({
selector: '[appTooltip]',
host: { '(mouseenter)': 'show()', '(mouseleave)': 'vcr.clear()' },
})
export class TooltipDirective {
text = input.required<string>({ alias: 'appTooltip' });
protected vcr = inject(ViewContainerRef);
show() {
this.vcr.createComponent(Tooltip, { bindings: [inputBinding('text', this.text)] });
}
}](https://cdn.bsky.app/img/feed_thumbnail/plain/did:plc:66nqhsdbvnegbylgnqdv4rw5/bafkreih77m2hogkqvufvn2mhkxcsfzoyqmnpf57k6brwijutvflrrrzthi)
