添加默认值到输入栏Angular2

我想构建一个角2应用程序，我的问题是，我想给一个输入的默认值，并使其禁用我试过这个，但它不工作。添加默认值到输入栏Angular2

<div class="form-group"> 
    <label for="input01">UUID</label> 
    <input class="form-control form-control-rounded" id="input01" style="width:600px;margin-left:60px" type="text" [(ngModel)]="beacon.uuid" value="{{uuid}}" name="uuid" disabled> 
    </div>

任何解决方案？

来源

2017-04-19 Laamiri Oussema

尝试占位符= {{UUID}} – danimal

如果你不想默认值存储在你的模型支票 [此]（http://stackoverflow.com/a/40882301/3035471） – mankers

您的模板：

<div class="form-group"> 
    <label for="input01">UUID</label> 
    <input class="form-control form-control-rounded" id="input01" style="width:600px;margin-left:60px" type="text" [(ngModel)]="beacon.uuid" name="uuid" [disabled]="true"> 
    </div>

在您的组件：

ngOnInit() { 
    beacon.uuid = "my default value" 
}

来源

2017-04-19 12:13:56 raven

尝试去除从输入值

<div class="form-group"> 
    <label for="input01">UUID</label> 
    <input class="form-control form-control-rounded" id="input01" type="text" [(ngModel)]="beacon.uuid" name="uuid" disabled> 
</div>

，否则这将是你的风格和残疾人属性之间的冲突

来源

2017-04-19 12:14:26 sainu

如果你想给没有双向绑定的默认值，使用[value]：

<div class="form-group"> 
    <label for="input01">UUID</label> 
    <input id="input01" type="text" [value]="beacon.uuid" class="form-control form-control-rounded" name="uuid" disabled> 
</div>

来源

2017-11-23 06:15:14 Dane

添加默认值到输入栏Angular2

回答

相关问题