入力フィールドをangularjsの編集データで置き換えるにはどうすればよいですか？

Question

私は入力フィールドを編集する必要があります。編集ボタンをクリックすると、入力フィールドが表示され、入力テキストボックスにデータを入力したら、入力テキストボックスの代わりに入力テキストボックスを置き換えなければなりません。 Iamは結果を得ていません。どのように結果を得ることができますか？

$scope.options = function() { 
 
     $scope.showBatch = !$scope.showBatch; 
 
     $scope.val = $scope.batchNumber; 
 
     
 
     document.getElementById("b1").innerHTML = $scope.val; 
 

 
    }

<span id="b1" style="font-size:25px">Batch</span> 
 
         <span class="glyphicon glyphicon-pencil text-right" ng-click="options()"></span> 
 
         <input type="text" ng-show="showBatch" ng-model="batchNumber">

Answer 1

あなたはこのような何かを探していますか？

Htmlの

<span id="b1" ng-show="!showBatch" style="font-size:25px">{{batchNumber}}</span> 
<input type="text" ng-show="showBatch" ng-model="batchNumber"> 
<span class="glyphicon glyphicon-pencil text-right" ng-click="options()"></span> 

角度コントローラ

$scope.batchNumber = "Batch"; 
    $scope.options = function() { 
     $scope.showBatch = !$scope.showBatch; 
     $scope.val = $scope.batchNumber; 
    }