Question

我正在制作一个表单，并希望使用先前的值作为表单中的“值”，并通过使用ngModel动态更改某些属性，但是用户未更改的字段表示该属性未保留先前的值甚至。

 private void GetPhone_Clicked(object sender, EventArgs e)
 {  
    try
    {

        var data = DependencyService.Get<IDeviceInfo>().GetMyPhoneNumber();
    }
    catch (Exception ex)
    {
          throw;
    }
}

在TypeScript文件中

<form #edit="ngForm" (submit)="editProfile(edit.value)">
                <fieldset>
                    <div class="form-group">
                        <label for="username">Username : </label>&nbsp;&nbsp;@{{user.username}}
                    </div>
                    <div class="form-group">
                        <label for="name">Name :</label>&nbsp;&nbsp;@{{user.name}}
                        <input type="text" name="edit_name" class="form-control" id="name" value={{user.name}} ngModel>
                    </div>
                    <div class="form-group">
                        <label for="email">Email :</label>&nbsp;&nbsp;{{user.email}}
                        <input type="text" name="edit_email" class="form-control" id="email" value={{user.email}} ngModel>
                    </div>
                    <div class="form-group">
                        <label for="bio">Bio :</label>&nbsp;&nbsp;{{edit_bio}}
                        <input type="text" name="edit_bio" class="form-control" id="bio" value="Put who you are here!" ngModel>
                    </div>
                    <div class="form-group">
                        <label for="gender">Gender</label>
                        <select class="form-control" id="gender" name="edit_gender"  ngModel>
                                <option>Male</option>
                                <option>Female</option>
                                <option>Others</option>
                    </select>
                    </div>
                    <button type="submit" class="btn btn-primary">Submit</button>

                </fieldset>
            </form>

}

一切运行顺利，但是当我提交表单甚至不触碰表单元素时， edit.value 甚至都不会保留以前的值，它只是记录日志空值。

Answer 1

                    <div class="form-group">
                        <label for="name">Name :</label>&nbsp;&nbsp;@{{user.name}}
                        <input type="text" name="edit_name" class="form-control" id="name" [(ngModel)]="edit_name" value={{user.name}}>
                    </div>

如何使用ngModel不变的表单组件的值？

1 个答案: