[英]Angular Error ng-if
Angular Js返回此错误链接
[1]http://errors.angularjs.org/1.2.10/$parse/lexerr?p0=Unterminated%20quote&p1=s%2013-14%20%5B'%5D&p2=recipe.ID%20!%3D%3D'
我不知道如何应用解决方案。 请帮我。 谢谢我的JavaScript:
var app = angular.module('sample', [])
app.directive("otcDynamic", function ($compile) {// compile Json data return and wrap inside html
return {
link: function (scope, element) {
var template = global.userhtml;
var linkFn = $compile(template);
var content = linkFn(scope);
element.append(content);
}
}
});
Web API的Json数据返回
var global {
userhtml ='<table class="recipe-table" cellspacing="0" cellpadding="0"><tbody><tr class="recipe-list" data-ng-repeat="recipe in recipe_data" ng-if="recipe.Keyword == keyw.Keyword" ><td id="td-img{{recipe.CodeListe}}" rowspan="2"><center><span id="img{{recipe.ID}}X"><a id="{{recipe.ID}}" href="javascript:void(0);"> <img ng-if="recipe.ID !==''" fallback-src="images/default.png" ng-src="{{recipe.Pictures}}" class="images" id="img{{recipe.ID}}"/><img ng-if="recipe.Pictures===''" class="images" src="images/default.png" id="img1"/></a></span></center></td><td class="recipes"><div id="drn" class="div-recipe-name"><strong>{{recipe.Name}}</strong></div><br /><div id="drd" class="div-recipe-desc">{{recipe.desc}}</div><div class="div-recipe-allergen">{{recipe.allergen}}</div><div class="div-recipe-cost">{{recipe.cost}}</div></td></tr></tbody></table>'
}
我的HTML:
<accordion close-others="false">
<div>
<accordion-group class="div-recipe-header">
<accordion-heading></accordion-heading>
<my-directive></my-directive>
<div otc-dynamic></div>
</accordion-group>
</div>
</accordion>
您的网络api应该返回以下内容:
{
global: {
userhtml: 'your html code in a string'
}
}
但是请注意,您还有其他方法(更好的方法)可以做到这一点。 您可以接收纯json数据并使用html模板进行渲染。
还有一件事: global
是许多语言和框架中的保留字,它不是变量或哈希键的好名字。 考虑将其更改为更合适的内容。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.