单元测试 – Jasmine单元测试：$compile从ng-repeat中产生注释

发布时间：2020-12-17 08:21:42 所属栏目：安全来源：网络整理

导读：为什么这条线 var scope = $rootScope.$new();dump($compile('ulli ng-repeat="item in [1,3,5,7,9]"{{item}}/li/ul')(scope)); 结果是： 'ul class="ng-scope"!-- ngRepeat: item in [1,9] --/ul' 我想看看 li项目而不是评论. 你错过了 digest 方法,一路走

为什么这条线

var scope = $rootScope.$new();
dump($compile('<ul><li ng-repeat="item in [1,3,5,7,9]">{{item}}</li></ul>')(scope));

结果是：

'<ul class="ng-scope"><!-- ngRepeat: item in [1,9] --></ul>'

我想看看< li>项目而不是评论.

你错过了 digest方法,一路走来

var e = $compile('<div><ul><li ng-repeat="item in [1,9]">{{item}}</li></ul></div>')(scope);
scope.$digest();
console.log(e.html());

这是我现在得到的输出：

Safari 537.21 (Linux) LOG: '
<ul><!-- ngRepeat: item in [1,9] -->
<li ng-repeat="item in [1,9]" class="ng-scope ng-binding">1</li>
<li ng-repeat="item in [1,9]" class="ng-scope ng-binding">3</li>
<li ng-repeat="item in [1,9]" class="ng-scope ng-binding">5</li>
<li ng-repeat="item in [1,9]" class="ng-scope ng-binding">7</li>
<li ng-repeat="item in [1,9]" class="ng-scope ng-binding">9</li>
</ul>'

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!