HTML読み取り専用テキストフィールド値が表示されない

Question

<div class="col-sm-5"> 
    <div class="form-group"> 
     <label>Item Number</label> 
     <input type="text" ng-model="choice.number" value="123456" class="form-control" readonly> 
    </div> 
</div> 

「読み取り専用」入力フィールドの値が表示されないのはなぜですか？

Answer 1

は(Bootstrap docs)とする必要があります。あなたのスタイルシートには何か他のことがあります。

ブラウザで​​3210を開いて、要素の（およびその親の）スタイル宣言を調べます。おそらく無関係に適用されるようなものがあります。

[readonly] { 
    color: white; 
} 

または、角度コントローラによって値が削除されます。ページロード後、しばらくしてconsole.log(input.value)を使用して確認できます。