はじめまして。最近AngularJSをはじめました。
高さが自動で可変できるdirectiveをつくっているのですが、ページ読み込み時にセットされた文字列の高さに合わせてリサイズができずに悩んでします(改行することで自動で高さが変わるようにはなっていますがその先がわかりません)。
イメージとしてはこちら http://monospaced.github.io/angular-elastic/ のようなものを想定しています。よろしくお願いします。
lang
1app.directive('resizeTextarea', function() { 2 return { 3 restrict: 'E', 4 transclude: true, 5 replace: true, 6 template: "<textarea placeholder='入力してください'></textarea>", 7 link: function(scope, element, attrs) { 8 var HEIGHT = 25; 9 var el = angular.element(element[0]) 10 el.css('lineHeight', HEIGHT + "px"); 11 el.css('height', HEIGHT + "px"); 12 13 var resize = function(e) { 14 var textHeight = e.target.scrollHeight; 15 var height = ~~(textHeight / HEIGHT) * HEIGHT 16 el.css('height', height + "px"); 17 }; 18 el.on('input', resize); 19 } 20 } 21});
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。