如何在AngularJS ng重复完成后执行js
我是安格拉斯的新手。我想使用如何在AngularJS ng重复完成后执行js,angularjs,directive,Angularjs,Directive,我是安格拉斯的新手。我想使用ng repeat来呈现数据列表 渲染后,每个数据都应有一个类似的。然后我可以使用jquery插件timeago在大约1小时前将其转换成人性化的文本 我的代码如下。但它没有效果。请帮忙 EDIT:我的问题是,我可以得到正确的html呈现。但是指令中的代码不运行。 html: <div ng-app='weiboApp' ng-controller="WeiboListCtrl"> <table><tbody> <tr ng-r
ng repeat
来呈现数据列表
渲染后,每个数据都应有一个类似的
。然后我可以使用jquery插件timeago
在大约1小时前将其转换成人性化的文本
我的代码如下。但它没有效果。请帮忙
EDIT:我的问题是,我可以得到正确的html呈现。但是指令中的代码不运行。
html:
<div ng-app='weiboApp' ng-controller="WeiboListCtrl">
<table><tbody>
<tr ng-repeat='w in weibo' weiboLister='w'>
<td>{{ w.text }}></td>
<td><abbr class="timeago" title="{{ w.created }}"></abbr></td>
</tr>
</tbody></table>
</div>
<div ng-app='weiboApp' ng-controller="WeiboListCtrl">
<table><tbody>
<tr ng-repeat='w in weibo' weibo-lister='w'> <!--important to be snake-case here-->
<td>{{ w.text }}></td>
<td><abbr class="timeago" title="{{ w.created }}"></abbr></td>
<td><a ng-click='remove(w)'>×</a></td>
</tr>
</tbody></table>
</div>
问题是:应该用camel-caseweiboLister
定义指令,并在html中使用snake-caseweibo-lister
感谢@tosh shimayama
正确的代码如下:(我添加了一个remove
函数,以防您正在寻找相同的东西。)
html:
<div ng-app='weiboApp' ng-controller="WeiboListCtrl">
<table><tbody>
<tr ng-repeat='w in weibo' weiboLister='w'>
<td>{{ w.text }}></td>
<td><abbr class="timeago" title="{{ w.created }}"></abbr></td>
</tr>
</tbody></table>
</div>
<div ng-app='weiboApp' ng-controller="WeiboListCtrl">
<table><tbody>
<tr ng-repeat='w in weibo' weibo-lister='w'> <!--important to be snake-case here-->
<td>{{ w.text }}></td>
<td><abbr class="timeago" title="{{ w.created }}"></abbr></td>
<td><a ng-click='remove(w)'>×</a></td>
</tr>
</tbody></table>
</div>
您确定正在调用ajaxsuccess()
?我试图重现这个问题,但简化版似乎对我有用。。。我建议您创建fiddler或plunker来演示这个问题。我认为success()
不是问题所在。因为我可以正确地渲染及其内容。也就是说,我可以得到我想要的html。但是element.find(“abbr.timeago”).timeago()不运行。我成功地获得了名为console.log(和jquery驱动的转换)的调用:谢谢您的示例!问题在于骆驼案weiboLister
和蛇案weiboLister
。现在它运行了。我怎么能认为你是正确答案呢?我只是给了你一个暗示。所以请你自己贴出正确的答案,并将其标记为正确答案,然后投票给我的评论。