L'objet de mon composant ressemble à ceci:
var options = { bindings: { title: '<', rows: '<' }, controller: registers, templateUrl: function ($element, $attrs) { return '/app/dashboard/registers/register.html'; } };
J'ai besoin d'accéder au title
liaisons et aux rows
dans mon register.html
. Je comprends $element
et $attrs
mais je ne sais pas très bien comment injecter cela dans un templateUrl qui est une référence de chaîne à un fichier HTML.
Je voudrais pouvoir utiliser ces valeurs dans le modèle en tant que tel:
<p>Title: {{vm.title}}</p> <p>Rows: {{vm.rows}}</p>
Quelqu'un peut-il me pointer dans une direction où le templateUrl peut utiliser les accolades pour intégrer les valeurs des liaisons dans le balisage?
Il n'est pas lié à la fonction templateUrl
, aucune action supplémentaire ne devrait être effectuée là-bas.
Si aucune option de controllerAs
n'est spécifiée, l'identificateur de contrôleur par défaut est $ctrl
, et non vm
. Les propriétés de la portée devraient être disponibles dans le modèle comme
<p>Title: {{$ctrl.title}}</p> <p>Rows: {{$ctrl.rows}}</p>
Voici une démo qui montre cela (grâce à @AWolf).