Question

我有一个模板，在该模板中，div是类big-box的div，它位于名为.movie-container的div容器中。

模板，

.movie-container
  .big-box

当用户点击.big-box时，我想将.movie-container元素设置为300px（从0px）的高度。

我尝试使用点击功能设置指令，但它无效。当我点击.big-box div时，它不会在控制台日志中显示click。

app.directive('big-box', [function() {
  return {
    link: function(scope, elem, attrs) {
      elem.bind('click', function() {
        console.log ('click')
      });
    }
  }
}]);

所以我可以使用一些提示。

Answer 1

用于指令的命名约定不正确。在定义自定义指令时必须使用驼峰大小写。

div

在您的HTML中，您需要像这样使用它：

app.directive('bigBox', [function() {   // Use camel case 
  return {
    link: function(scope, elem, attrs) {
      elem.bind('click', function() {
        console.log ('click')
      });
    }
  }
}]);

名称必须使用破折号书写，每个破折号代表指令定义中的大写字母。这是一个angularjs惯例。

这是一个有效的fiddle。

简单动画的角度指令

1 个答案: