ng-if初始动画不使用自定义指令

时间:2016-04-05 05:13:54

标签: javascript css angularjs ng-animate

如果将ng-if和自定义指令放在同一个DOM元素上,则初始动画不起作用。

<div ng-if="value" myDirective class="fadeMe"></div>

这是一个plunkr,清楚地显示了问题。请注意,只有初始show fade失败。

更多详情: 我猜这与两个指令的优先级有关(首先编译ngif)。

我试图为自定义指令设置更高的优先级,但是我遇到了更多的问题,例如自定义指令的子范围不会被ng-if破坏,因此,自定义指令中不必要的观察者会继续观察值。

2 个答案:

答案 0 :(得分:1)

看起来Angular指令中的数据绑定存在时间问题&#34;限制类型&#34;上课。

$('#your_selectbox_id').find('option').each(function() { $(this).attr('selected', 'selected'); });

所以快速修复使用

restrict: 'C'

http://plnkr.co/edit/2iB9jvpGSMi3IwelicXT

答案 1 :(得分:1)

似乎与此问题有关:

https://github.com/angular/angular.js/issues/14074

如果您在指令中使用内联模板而不是templateURL,它将开始工作。