2

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 サイクルと関係があると思われますが、修正方法がわかりません。なぜこれが起こっているのかについて何か考えはありますか?

ありがとう。

4

0 に答える 0