Angularjs动画点击+ ng显示自定义指令(mySlide)

时间:2013-01-22 21:04:00

标签: javascript html5 angularjs directive

我正在尝试获得与ng-click + ng-show相同的终极功能,除了我希望通过切换display: block/none;来显示幻灯片而不是突然显示。我有我需要的jQuery动画,我已经设置了ng-click。我有2个问题,但第二个可能是第一个问题的结果:

问题1

ng-click不会更改aside_users的值。我看到SO#12202067似乎是类似的情况,但我不明白他们的custom directive是如何/为什么有效,而ng-click本身没有。

我在scope: { … }之后看到了restrict: 'A',,但似乎在新创建的DOM元素中提供了$scope值(我的元素已经存在且显示得很好,但没有触发/事件正在发生。)

infobox.html

<aside
  class="users"
  ng-include src="'views/users.html'"
  my-slide={"direction":"left","condition":"aside_users"}
></aside>

<i
  class="icon icon-user"
  ng-click="aside_users=!aside_users"
  ng-init="aside_users=false"
></i>

以上代码是$compile'd模板,模板中的其他位置我打印出$ scope参数aside_users的值(打印false)。

问题2

my-slide似乎未启动/触发('elm: ', elm的日志记录未显示在Chrome的控制台中)。我确认directives.js页面中已index.html已关联。

编辑我记得在directives.js中关联index.html,但我忘了将其添加到app.js中的资源数组中。

Plunkr

P.S。我不确定<aside attr={object}>是否严格有效,但合法浏览器似乎在测试用例中接受它(没有费心去检查IE)。我的替代计划是使用2个属性:<foo my-slide="direction" my-condition="boolean"></foo>

0 个答案:

没有答案