как я могу использовать атрибут Value и ngModel в одном элементе в angular 6

Question

, когда я нажимаю кнопку редактирования, форма будет заполнена с использованием существующих данных. I wi sh, чтобы добавить новые данные в тот же шаблон. Как я могу использовать оба значения и нгмодель в том же элементе.

<form #myforms="ngForm" *ngFor="let i of editaddress">
    <div class="p-3 p-lg-5 border">
        <div class="form-group row">
            <div class="col-md-12">
                <label for="c_fname" class="text-black">Save this address as<span class="text-danger">*</span></label>
                <input type="text" class="form-control c_fname" value="{{i.title}}" name="title" [(ngModel)]="location.title" #title=ngModel>
            </div>
            <div class="col-md-6">
                <label for="c_fname" class="text-black">First Name<span class="text-danger">*</span></label>
                <input type="text" class="form-control c_fname" value="{{i.first_name}}" name="fname" [(ngModel)]="location.first_name" #fname=ngModel>
            </div>
            <div class="col-md-6">
                <label for="c_lname" class="text-black">Last Name<span class="text-danger">*</span></label>
                <input type="text" class="form-control c_lname" value="{{i.last_name}}" name="lname" [(ngModel)]="location.last_name" #lname=ngModel>
            </div>
        </div>
    </div>
    <div class="col-lg-12">
        <input type="submit" class="btn btn-primary btn-lg btn-block" value="Save" (click)="saveAddress(location)">
    </div>
    </div>
    </div>        
</form>