angularjs - AngularJS：要素が大きすぎる場合に要素を非表示にする方法は？

Question

http://plnkr.co/edit/roJC9X

上記のリンクを参照してください。テキスト領域の幅が400pxを超える場合、テキスト領域を非表示にします。これはどのように行うことができますか？

Answer 1

Angular を使用していて、ビュー関連のコードを扱っているので、directive.

以下のコードは、このディレクティブがどのように見えるかの例です (CoffeeScript で記述):

angular.module('yourAppName').directive('hideOnExceed', ->
  return {
    restrict: 'A', 
    link: (scope, element, attr) ->
      element.bind 'resize', ->
        if element.width() > 400
          element.hide()
        else
          element.show()
  }
)

hideOnExceed次に、textarea タグの属性として単純に定義します。

<textarea ng-show="withinSize()" hideOnExceed>{{size}}</textarea>