This is how I have set up my component:
// app/my-component/my-component.js
app.component('myComponent', {
bindings: {
bindingA: '=',
bindingB: '='
},
templateUrl: 'app/my-component/my-component.tpl.html',
controller: MyComponentCtrl
});
// app/my-component/my-component.tpl.html
<div>
<input type="text" ng-model="$ctrl.bindingA" />
<input type="text" ng-model="$ctrl.bindingB" />
</div>
No errors are being thrown; the template file appears correctly in Chrome's Dev Tools. The XHR request preview from the network shows everything as expected, but for some reason it does not render on the DOM...
When I replace templateUrl with template, the string displays properly in the DOM.
Any suggestions or ideas on why this might be happening?