我正在尝试获得与ng-click
+ ng-show
相同的终极功能,除了我希望通过切换display: block/none;
来显示幻灯片而不是突然显示。我有我需要的jQuery动画,我已经设置了ng-click
。我有2个问题,但第二个可能是第一个问题的结果:
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
)。
my-slide
似乎未启动/触发('elm: ', elm
的日志记录未显示在Chrome的控制台中)。我确认directives.js
页面中已index.html
已关联。
编辑我记得在directives.js
中关联index.html
,但我忘了将其添加到app.js
中的资源数组中。
P.S。我不确定<aside attr={object}>
是否严格有效,但合法浏览器似乎在测试用例中接受它(没有费心去检查IE)。我的替代计划是使用2个属性:<foo my-slide="direction" my-condition="boolean"></foo>