添加默認值到輸入欄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

回答

相關問題