1. ホーム
  2. ジャバスクリプト

[解決済み] angularjs(1.x)でHTML要素のid属性を動的に設定する方法は?

2022-04-02 12:34:05

質問

タイプの HTML 要素を提供しました。 div の値をどのように設定するか? id 属性は、スコープ変数と文字列を連結したものですか?

どのように解決するのですか?

ngAttr ディレクティブは、公式ドキュメントで紹介されているように、ここで完全に役に立ちます。

https://docs.angularjs.org/guide/interpolation#-ngattr-for-binding-to-arbitrary-attributes

例えば id の属性値です。 div 要素にインデックスが含まれるようにすると、ビューフラグメントには

<div ng-attr-id="{{ 'object-' + myScopeObject.index }}"></div>

に補間されます。

<div id="object-1"></div>