如何在angularjs指令中添加javascript或jquery代码？

Question

我正在使用v1.5 of angularjs。 我的问题是每当我尝试动画指令时，特别是使用jquery，指令就不会让步。

Mine

https://jsfiddle.net/3zbeoyvL/

我很难实现角度js，但它基于：

Example

http://jsfiddle.net/V2x6s/3/

Answer 1

看起来您正在尝试生成两次HTML，一次在HTML本身，另一次在指令的“模板”部分。我建议您直接在HTML中显示项目，因为您使用的是ng-repeat：

<div class="projtrack" id="projtrack" ng-repeat="project in projects">
<div projects-info class="projcontainer"><img class="boximg" ng-src="{{ project.img }}"><p> {{ project.description }}</p></div>
</div>

然后，您可以创建一个属性的指令，该指令可以包含要为具有该属性的元素触发的jquery。注意带有'projcontainer'类的div有一个属性'project-info'。

app.directive('projectsInfo', function() {
  return {
    restrict: 'A',
    link: function( scope, element, attr) {
        // put your jquery here
        // eg
        element.show();
    }
  };

}）;