This is very simple actually.
Please notice that I'm
I. adding name="selectedCorp" to your select opening tag, and
II. changing your [value]="corporationObj" to [value]="corporation", which is consistent with the corporation in your *ngFor="let corporation of corporations" statement:
<form class="form-inline" (ngSubmit)="HelloCorp(f)" #f="ngForm">
<div class="select">
<select class="form-control col-lg-8" #corporation name="selectedCorp" required>
<option *ngFor="let corporation of corporations" [value]="corporation">{{corporation.corp_name}}</option>
</select>
<button type="submit" class="btn btn-primary manage">Submit</button>
</div>
</form>
And then in your .ts file, you just do the following:
HelloCorp(form: NgForm) {
const corporationObj = form.value.selectedCorp;
}
and the const corporationObj now is the selected corporation object, which will include all the properties of the corporation class you have defined.
NOTE:
In the html code, by the statement [value]="corporation", the corporation (from *ngFor="let corporation of corporations") is bound to [value], and the name property will get the value.
Since the name is "selectedCorp", you can get the actual value by getting "form.value.selectedCorp" in your .ts file.
By the way, actually you don't need the "#corporation" in your "select" opening tag.