component.html

<div>
	<h1>
		{{ title }}
	</h1>
	<button (click)="myFunc()">Get All State Information</button>
</div>
<br>
<div>
	<h2 >States:</h2>

	<div *ngFor="let r of result">
		<p>{{r.id}}</p>
	
	</div>

	<ul>
		<li *ngFor="let r of result">
			<input type="text" name="food-name" [(ngModel)]="r.id">
			</li>
	</ul>

	<!-- <app-nav-item-comp *ngFor="let item of navItems" [item]="item"></app-nav-item-comp> -->
	<ul>
		<li>
			StateName1
			<ul>
				<li>Largest City:[ToDo]</li>
				<li>Capital City:[ToDo]</li>
				<li>Area:[ToDo]</li>
			</ul>
		</li>
		<li>
			StateName2
			<ul>
				<li>Largest City:[ToDo]</li>
				<li>Capital City:[ToDo]</li>
				<li>Area:[ToDo]</li>
			</ul>
		</li>
	</ul>
</div>