🟩

[Check] Quick Discrete

Anh-Thi Dinh
VScode extensions
For “Go to definition”, use Angular Language Service (ALS).
(Personal exp) Using Angular 13 and this function is not working → instead of modify tsconfig.json where angularCompilerOptions { "strictTemplates": true }, we can go to ALS’s settings and tick “Force Strict Templates
This block has no title.
👉
Gray
👉
Brown
Angular linker, ngcc, Ivy
1// Don't wanna add extra DOM
2<ng-container *ngIf="store.products">
3  <p>Content</p>
4</ng-container>
This is an expression
This is an expression
Test with tables
Header column
1
2
3
4
5
6
7
8
9
Header row
Nested list and this is a very long heading

Ordered list

  1. This is a very long sentence I use to test this block to see that if there is a very long paragraph and break lines, what we will have.
    1. This is a very long sentence I use to test this block to see that if there is a very long paragraph and break lines, what we will have.
    2. This is a very long sentence I use to test this block to see that if there is a very long paragraph and break lines, what we will have.
      1. 1print(1)
  1. This is a very long sentence I use to test this block to see that if there is a very long paragraph and break lines, what we will have.
    1. Level 2
      1. This is a very long sentence I use to test this block to see that if there is a very long paragraph and break lines, what we will have.
  1. This is a very long sentence I use to test this block to see that if there is a very long paragraph and break lines, what we will have.
It looks like you're using the disabled attribute with a reactive form directive. If you set disabled to true when you set up this control in your component class, the disabled attribute will actually be set in the DOM for you. We recommend using this approach to avoid 'changed after checked' errors.
Angular is complaining because we are mixing between Reactive Form and Template driven form.
If there is a case where any thing inside your model (your class) has changed but it hasn't reflected the view
You may be using changeDetection: ChangeDetectionStrategy.OnPush or something else that makes the angular ignore the changes on the view.
Any case, use this.cdr.detectChanges() or this.cdr.markForCheck() ← What are their differences?