2014-11-07 3 views
0

Угловая 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); 
    } 
    } 
}); 

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> 
+0

Данные, возвращенные с вашего веб-API, недействительны JSON. Это даже не действительный Javascript. –

+0

На самом деле он скомпилируется успешно, но не со стороны ng-if recipe ID и recipe.Pictures. Я знаю, что мне нужно сделать обратную косую черту, чтобы Джон мог это прочитать. Но я не могу вставлять данные с обратной косой чертой в sql-сервере. Помогите мне Как я могу сделать свой json действительным .. – KeenEgs

+0

Если он компилирует, то это не может быть фактическими данными, возвращаемыми вашим API. Как я уже сказал, это даже не действительный Javascript. –

ответ

0

Ваш веб-апи должен вернуть что-то вроде этого:

{ 
    global: { 
    userhtml: 'your html code in a string' 
    } 
} 

Но обратите внимание, что у вас есть другие способы (лучшие) для этого. Вы можете получить чистые данные json и отобразить их с помощью html-шаблонов.

Еще одна вещь: global зарезервированное слово на множестве языков и фреймворков, и это нехорошее имя для переменной или хеш-ключа. Подумайте об изменении его для чего-нибудь более подходящего.

Смежные вопросы