expression angulaire ne fonctionne pas pour html

Question

J'utilise la grille angulaire -

Disons que j'ai un objet de champ comme suit:

$scope.test = 3 

Si je veux définir dynamiquement un id html, je le ferais quelque chose comme ceci:

<div id="{{test}}"></div> 

Vérification du DOM, je vois ce qui suit:

<div id="3"></div> 

Pour ma grille angulaire, je veux faire quelque chose comme ceci:

<div ag-grid="{{test}}"></div> 

Vérification du DOM je reçois littéralement:

<div ag-grid="{{test}}"></div> 

Y at-il un moyen de contourner cela?

Answer 1

Vous pouvez utiliser ngAttr et faire comme ce qui suit:

ng-attr-ag_grid="{{test}}" 

S'il vous plaît vérifier si cela aide

Answer 2

Utilisez

<div ag-grid="test"></div> 

Vérifiez les points suivants link et vérifier premier exemple html fichier pour ag-grid étiquette avec variable de liaison

Note: Basé sur l'exemple test devrait être object pas string ou un autre type.

Answer 3

Est-ce que {{ }} est nécessaire? Vous pouvez essayer: ag-grid = "test"