エンジニアのひよこ_level10

【毎日更新!】新卒3年目エンジニアブログです!

【AngularJS】ng-attr-dataでdata付与したのに、データが取得出来ないときの対応【711日目】

バインド後の値を使いたい

<div>
    <object ng-attr-data="{{url}}">
</div>

上のコードの様に、バインドした値をURLなどパス指定に使いたい。

これがbindされて

<div>
    <object ng-attr-data="{{url}}" data="https://example.co.jp/xhviqqip2">
</div>

ってなっている。

でも、なぜかobjectタグがデータを取得してくれない。どうしたものか。

空のdataを用意する

<div>
    <object data="" ng-attr-data="{{url}}">
</div>

data="" を付与する。すると、ng-attr-dataからdataにbindされたときに、dataの値を取得しにいける。