将ng-bind-html-unsafe与包含括号的表达式一起使用

时间:2015-07-14 05:53:17

标签: angularjs angularjs-directive angular-directive ng-bind-html ng-bind

对于angular,要在具有属性名称连字符的模板中呈现表达式,必须使用括号而不是点。示例docs [“paragraph-content”]而不是docs.paragraph-content。我试图在ng-bind-html-unsafe中打印此变量,如ng-bind-html-unsafe =“doc [”paragraph-content“]”在我的指令模板中,但是我收到语法错误,错误:语法错误:Token'undefined'不是从[doc []开始的表达式[doc []的列NaN处的主表达式。

      template: '<div>' +
            '<input ng-model="query" placeholder="Check your face" name="Search"></input>' +
            '<h2 id="search-list-title" class="list-header-title">Search Results for {{query}}</h2>' +
            '<form id="search-list-form" class="list-row list-form" ng-repeat="doc in results.docs">' +
            '  <a  id="search-item-title" class="list-element list-title" href="retrieve-graph?id={{doc.id}}"><p>{{doc["paragraph-subject"]}}</p></a>'  +
            ' <p id="search-item-content" class= "list-element list-content" ng-bind-html-unsafe="doc["paragraph-content"]"></p>'  +
            '  <p id="search-item-id" class= "list-email list-element">{{doc["user-email"]}}</p>'  +
            '  <!--<p>{{doc.title}}</p>-->'  +
            '  <!--urls point to user paragraph list and goes to specific paragraph through anchor link'  +
            ' <!--Need to create form that inserts id as parameter so can query and display on template page <p><a target="_blank" href="{{doc.id}}"> {{doc.url}}</a></p>-->' +
            ' <br>'+
            '</form>'+
            '</div>'
            ,

0 个答案:

没有答案