angularjs - Typeform data-url の AngularJS ブラケット表記

Question

AngularJS/Angular ハイブリッド アプリがあります。このアプリでは、次のことを試みています (アプリの AngularJS 部分を使用)。

<div data-url="https://brand.typeform.com/to/{{survey_id}}"></div>

しかし、これは機能しません。次のエラーが表示されます。

    Unhandled Promise rejection: JSONP request to https://admin.typeform.com/app/embed//to?jsoncallback=? failed ; Zone: <root> ; Task: Promise.then ; Value: Error: "JSONP request to https://admin.typeform.com/app/embed//to?jsoncallback=? failed"
    onerror https://embed.typeform.com/embed.js:1:142131
    wrapFn http://localhost:8080/js/vendors.d4d54ba468c86e86d307.js:240657:30
    invokeTask http://localhost:8080/js/vendors.d4d54ba468c86e86d307.js:239890:17
    runTask http://localhost:8080/js/vendors.d4d54ba468c86e86d307.js:239657:28
    invokeTask http://localhost:8080/js/vendors.d4d54ba468c86e86d307.js:239965:24
    invokeTask http://localhost:8080/js/vendors.d4d54ba468c86e86d307.js:241009:9
    globalZoneAwareCallback http://localhost:8080/js/vendors.d4d54ba468c86e86d307.js:241035:17
    d http://cdn.ravenjs.com/3.21.0/angular/raven.min.js:2:5070
 a/e.exports/</p.onerror@https://embed.typeform.com/embed.js:1:142131
wrapFn@http://localhost:8080/js/vendors.d4d54ba468c86e86d307.js:240657:30
./node_modules/zone.js/dist/zone.js/</</ZoneDelegate.prototype.invokeTask@http://localhost:8080/js/vendors.d4d54ba468c86e86d307.js:239890:17
./node_modules/zone.js/dist/zone.js/</</Zone.prototype.runTask@http://localhost:8080/js/vendors.d4d54ba468c86e86d307.js:239657:28
./node_modules/zone.js/dist/zone.js/</</ZoneTask.invokeTask@http://localhost:8080/js/vendors.d4d54ba468c86e86d307.js:239965:24
invokeTask@http://localhost:8080/js/vendors.d4d54ba468c86e86d307.js:241009:9
globalZoneAwareCallback@http://localhost:8080/js/vendors.d4d54ba468c86e86d307.js:241035:17
d@http://cdn.ravenjs.com/3.21.0/angular/raven.min.js:2:5070

URLを手動で追加すると機能しますhttps://brand.typeform.com/to/123456。

この要素にブラケット表記を渡すにはどうすればよいですか?