Passer des liaisons à TemplateUrl dans le composant Angular

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).