ngSanitizeはangularJsを使用していませんか？

Question

私は親のコントローラからのデータを持っているモーダルウィンドウを持っています私はモーダルでも検索機能を持っていますが、私はモーダルビューでデータをレンダリングしません。 私は以下のエラーを貼り付けました。ここで間違った実装が考えられますか？

searchModal.html

<div class="row search-input-margin"> 
    <div class="col-md-12 form-group"> 
     <div class="col-md-3"> 
      <label for="search">Search Logs:</label> 
     </div> 
     <div class="col-md-9"> 
      <input type="text" class="form-control" id="search" ng-model="vm.searchLog"> 
     </div> 
    </div> 
</div> 
<div class="modal-body"> 
    <div class="row"> 
     <ul class="searchLogsText"> 
     <li ng-repeat="item in data | filter:vm.searchLog track by $index" ng-bind-html="item | highlight:vm.searchLog"></li> 
     </ul> 
    </div> 
</div> 

searcCtrl.js

angular.module('loggingApp').controller('SearchController',function ($scope,$rootScope,$uibModalInstance,searchFactory) { 
    'use strict'; 
    $scope.cancel = function() { 
     $uibModalInstance.close(); 
    } 
    $scope.vm ={ 
     searchLog:'', 
     searchLength:0, 
     searchResults: [] 

    }; 
    $scope.data = angular.copy(searchFactory.getDitLogs()); 
    console.log(searchFactory.getDitLogs()); 
}); 

エラー

Error: [$sce:itype] Attempted to trust a non-string value in a content requiring a string: Context: html 

Answer 1

あなたは依存関係としてngSanitizeを追加必要があり、sce.trustAsHtml関数$を呼び出す必要があります。あなたがhtmlとして文字列を使用したいとき。

var myApp = angular.module('myApp',['ngSanitize']); 

    myApp.controller('myCtrl', ['$sce', '$scope' , function($sce, $scope) { 
     var html = '<div>Hello Html!</div>'; 
     $scope.editorHtml = $sce.trustAsHtml(html); 

    }]); 

は、Checkこのjsfiddleや私aswser here