HOME.COMPONENT.HTML
<div class="AddItem">
<input #inputBox1 placeholder="Add Item" class="addtext">
<button (click) = "pushItem(inputBox1.value)">ADD</button>
</div>
<ul>
<li *ngFor="let i of items>
{{i}}
<span>x</span>
</li>
</ul>
HOME.COMPONENT.TS
export class HomeComponent implements OnInit {
items = ["angular","react","HTML"]
pushItem = function(value){
this.items.push(value);
}
I am new to Angular
After button clicked values are be listed correctly.
but
I need textbox be empty again.