3

AngularJS を介して動的に div の幅を設定しようとしています。

<ul id="contents">
  <li ng-repeat="content in contents">
    <div class="content_right custom_width">
      <div class="title">{{content.title}}</div>
    </div>
  </li>
</ul>

次のディレクティブで

myApp.directive("custom_width", function() {
  return {
    restrict:"C",
    link: function(scope, element, attrs) {
      element.css("width", 400);
    }
  }
});

しかし、何も起こっていません。「link:function..」内で「console.log」を試みましたが、何も出力されません。ここで何が欠けていますか？

御時間ありがとうございます。

4

1 に答える 1

4

ディレクティブ定義はキャメルケースを使用します:

myApp.directive("customWidth", function() {
  return {
    restrict:"C",
    link: function(scope, element, attrs) {
      element.css("width", 400);
    }
  }
});

ディレクティブ ドキュメント

lowerCamelCaseAngularJS では、ディレクティブを定義して (ディレクティブ内から) 属性にアクセスするときにキャメル ケース ( ) が使用さdash-caseれ、HTML 要素のディレクティブや属性を参照するためにスネーク ケース ( - 任意の名前) が使用されます。

于 2013-03-14T11:29:30.810 に答える