在ng类呈现之前从帮助程序加载数据
在ng类呈现之前从帮助程序加载数据
提问于 2016-03-31 03:11:05
我在做一个使用Meteor和AngularJs的项目。
我使用帮助器检索一些数据，然后使用ng-重复显示它们。
我使用核对表-模型(http://vitalets.github.io/checklist-model/)来获得复选框选项的列表。
<li ng-repeat="t in types">
<div ng-class="nametagClass(t)">{{t.name}}</div>
<input type="checkbox" data-checklist-value="t"
data-checklist-model="chosenTypes" class="sub-checkbox" />
</li>下面是ng类函数：
$scope.nametagClass=function(type){
if($scope.chosenTypes.indexOf(type)>-1){
return "nametag active-nametag";
}
return "nametag";
}问题是，当ng类调用函数时，还没有加载来自chosenTypes的数据，因此选中的元素没有得到“活动-名称标记”类。(但是，当数据加载和检查一个元素时，类会发生很好的变化)
如何在加载数据后延迟ng类函数调用？
回答 2
Stack Overflow用户
回答已采纳
发布于 2016-03-31 04:25:26
只需在外部元素中添加一个ng-if，如下所示
<li ng-if="types" ng-repeat="t in types">
<div ng-class="nametagClass(t)">{{t.name}}</div>
<input type="checkbox" data-checklist-value="t" data-checklist-model="chosenTypes" class="sub-checkbox" />
</li>Stack Overflow用户
发布于 2016-03-31 06:31:03
ngIf将是一种选择。我认为您也可以使用ngCloak：
ngCloak指令用于防止浏览器在加载应用程序时以其原始(未编译)形式简要显示角html模板。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/36331756
复制
相似问题
在模板呈现之前调用帮助程序
在呈现之前加载状态/数据？
在呈现应用程序之前加载角2数据
在呈现子元素之前加载数据
在呈现DOM之前加载异步数据
添加站长 进交流群
领取专属 10元无门槛券
AI混元助手 在线答疑
关注 腾讯云开发者公众号
洞察 腾讯核心技术
剖析业界实践案例
腾讯云开发者
