More than 3 years have passed since last update.

【AngularJS】href属性の中にバインドした値を入れる際に、keyを指定したい

Posted at 2020-11-02

問題点

PHPとAngularJSで開発を行っていた際に、以下のようなコードを書きました。

view.php

<tr ng-repeat="error in errors track by $index">
  <td>
    <a href="{{error["err_pth"]}}">エラーです</a>
  </td>
// 中略
</tr>

※errorに関しては"err_pth"というkeyに対し、エラーが起きた箇所を示す値を持つオブジェクトです。

今回、実現したかったこととしては、エラーごとのリンクを表示させるという機能でしたが
このような記述ではHTMLの方にうまくリンクが描画されませんでした。

原因は、ダブルクオーテーションの中にダブルクオーテーションが含まれていることでした。

<a href="{{error['err_pth']}}">エラーです</a>

というような感じで、内側はシングルクオーテーションにした結果、無事反映がされました。