iframe не работает на angularjs

Question

Я пытаюсь получить iframe для работы с AngularJS, но я не знаю, почему он не загрузит мой iframe src.

У меня есть некоторые угловые переменные с двумя скобками, которые я хочу поставить в конце iframe src, но когда я это сделаю, я получаю сообщение об ошибке.

Код по IFrame выглядит следующим образом:

<iframe name="deltager" src="http://someurl.com/somefile.php?id={{item.id}}" frameborder="0" style="width: 100%; height: 45px !important;" scrolling="no"></iframe> 

Это {{item.id}}, что не работает. Я попытался поместить обычную ссылку без переменной, и она отлично работает.

Я пытался проверить приложение с хромированной инспектировать, и ошибка, что я получаю:

Error: [$interpolate:noconcat] http://errors.angularjs.org/1.3.13/$interpolate/noconcat?p0=http%3A%2F%2Fsomeurl.com%2Fsomefile.php%id%3D%7B%7Bitem.id%7D%7D 
at Error (native) 
at file:///android_asset/www/lib/ionic/js/ionic.bundle.min.js:37:417 
at g (file:///android_asset/www/lib/ionic/js/ionic.bundle.min.js:119:378) 
at Pa (file:///android_asset/www/lib/ionic/js/ionic.bundle.min.js:99:179) 
at W (file:///android_asset/www/lib/ionic/js/ionic.bundle.min.js:84:359) 
at T (file:///android_asset/www/lib/ionic/js/ionic.bundle.min.js:82:392) 
at T (file:///android_asset/www/lib/ionic/js/ionic.bundle.min.js:83:55) 
at T (file:///android_asset/www/lib/ionic/js/ionic.bundle.min.js:83:55) 
at T (file:///android_asset/www/lib/ionic/js/ionic.bundle.min.js:83:55) 
at T (file:///android_asset/www/lib/ionic/js/ionic.bundle.min.js:83:55) 

ли кто-нибудь знает, как я могу получить IFrame ЦСИ работать с угловым переменным.

Заранее спасибо.

Answer 1

Вы пытались использовать атрибут ng-src?

Если ссылка является внешним ресурсом, вам необходимо настроить службу $ sce, чтобы доверять URL-адресу.

<iframe ng-src="http://www.gravatar.com/avatar/{{item.id}}" ></iframe>