プロパティ名にハイフンを含むテンプレートで式をレンダリングする angular の場合、ドットの代わりに角かっこを使用する必要があります。docs.paragraph-content の代わりに docs["paragraph-content"] の例。この変数を ng-bind-html-unsafe 内で ng-bind-html-unsafe="doc["paragraph-content"]" のようにディレクティブ テンプレート内に出力しようとしていますが、構文エラーが発生しています。エラー: 構文エラー: トークン '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>'
,