角度/ブートストラップの編集ボタンで入力

Question

フォームの入力の1つは、フォームの残りの部分とは別に編集する必要があります。角度/ブートストラップでこれを行う簡単な方法はありますか？

私はしばらくそれに取り組んできました。そして、CSSは混乱しています。しかし、ここではHTMLです：

<form> 
    <div><input type="text" ng-model="input1"></div> 
    <div><input type="text" ng-model="input2"></div> 
    <div> 
     <input type="text" ng-model="input3.val" ng-disabled="!input3.isEditable"> 
     <input type="button" class="edit-button" ng-click="makeEditable(input3)"/> 
    </div> 
    <div><input type="text" ng-model="input4"></div> 
    <button ng-click="submit()">Submit</button> 
</form> 

はこのような何かを手でコーディングするよりも簡単な方法はあります：

Answer 1

あなたは上の画像のように編集ボタンを配置するために、CSSの下に追加することができます。

.container, .inputText { 
    position: relative; 
} 


.edit-button { 
    position: absolute; 
    right: -3px; 
    top:0 
} 

http://jsbin.com/voxeva/edit?html,css,console,output