Property Binding
~20 mins
Task 1: Display Image
- app.component.ts
imageUrl="assets/product1.jpg";
- app.component.html
<img [src]="imageUrl"> </img> <!-- Property Binding -->
Task 2: Disable Button if form is invalid
<form #f="ngForm">
<input type="text" name="username" ngModel required>
<button [disabled]="f.invalid"> Submit </button>
</form>
Task 3: Display comments in innerHTML
comments = "<p>Text</p>";
<span [innerHTML]="comments"></span>