AJAX リクエストを介して取得するこの埋め込みコードがあります。
<iframe src="//player.vimeo.com/video/80836225?badge=0" width="500" height="281" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>
次に、コントローラーで変数に割り当てて、HTML でレンダリングされるようにします。私は $sce.trushAsHtml を使用しており、HTML では ng-bing-html を使用しています。
私がコントローラで行うことは、このようなものです。リクエストからのレスポンスを取得したら、iframe 文字列を myIframe という var に割り当て、$sce.trushAsHtml を通過させます。そう:
コントローラ
var myIframe = ...response from GET (the <iframe> string above)
$scope.preview = $sce.trustAsHtml(myIframe);
HTML
<div ng-bind-html="preview"></div>
ビデオを表示できますが、コンソールにも次のエラーが表示されます。
Error: a.indexOf is not a function
z@http://mydomain/angular/angular-sanitize.min.js:7
@http://mydomain/angular/angular-sanitize.min.js:12
@http://mydomain/angular/angular-sanitize.min.js:12
h.prototype.$digest@http://mydomain/angular/angular.min.js:100
h.prototype.$apply@http://mydomain/angular/angular.min.js:103
f@http://mydomain/angular/angular.min.js:67
E@http://mydomain/angular/angular.min.js:71
pd/</v.onreadystatechange@http://mydomain/angular/angular.min.js:72
このエラーを取り除きたいです。angularjs の $digest サイクルと関係があると思われますが、修正方法がわかりません。なぜこれが起こっているのかについて何か考えはありますか?
ありがとう。