角度 - jQueryを使わずにteaxtareaに行番号を追加

Question

textareaに行番号を追加しようとしていますが、唯一のオプションはjQueryに基づいています（exapmle）。 angular純粋なCSS/JSのみを使用して行う方法はありますか？

ありがとうございました。

Answer 1

これは問題ではありません。 1つの解決策は、ng-repeatを使用してテキストエリアの隣に小さい行番号のdivを作成することです。お使いのコントローラで

<div class="line-numbers"> 
     <div ng-repeat="i in getNumber(number)">{{$index+1}}</div> 
    </div> 
    <div class="text-area"> 
    <textarea rows="5" cols="50"></textarea> 
    </div> 

そして、この：このような何かにそれらを助けるために、いくつかのCSSで

$scope.number = 5; 
    $scope.getNumber = function(num) { 
    return new Array(num); 
    } 

は隣同士に座っ：

.line-numbers { 
    display: inline-block; 
    font-family: fixed-width; 
    margin: 0px; 
} 

.text-area { 
    display: inline-block; 
    margin: 0px; 
} 

幸運！