日々精進

新しく学んだことを書き留めていきます

AngularJSでDivの高さ・幅などを動的に計算する

CSSのcalc関数で実行時に計算した値をwidthなどにセットすることはできるが、 子要素の数によって親要素のwidthを変更したい場合などは子要素の数がCSSから取れないので計算できない。(子要素の数を知る方法あれば教えて下さい。。) 以下のようにしてng-styleを使えばControllerで計算した値を設定できる。

<div ng-style="{width: controller.getWidth()}">

参考:

http://wordpress.honobono-life.info/code/angularjs%E3%81%AEng-class%E3%80%81ng-style%E3%82%92%E4%BD%BF%E3%81%A3%E3%81%A6css%E3%82%92%E8%A8%AD%E5%AE%9A/