javascript - AngularJS - 将自定义类指令应用于 ng-repeat 项目

Question

我正在尝试通过 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”，但没有打印任何内容。我在这里想念什么？

谢谢你的时间。

Answer 1

指令定义使用 camelCase：

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

指令文档

在 AngularJS 中，camel case ( lowerCamelCase) 用于定义指令和访问属性（从指令内），而蛇形大小写（dash-case- 无论你想怎么称呼它）用于引用 HTML 元素中的指令和/或属性。