I am trying to use components (instead of controllers and templates) in ui-router. But this isn't working.
I'm following this article from their website.
Plunk
html:
<body ng-app="myApp">
<h1>Help!</h1>
<a ui-sref="mypage">mypage</a>
<ui-view></ui-view>
</body>
js:
// Register
angular.module('myApp', ['ui.router']);
// config
angular.module('myApp').config(function($stateProvider) {
$stateProvider.state({
name: 'mypage',
url: '/mypage',
component: "newComponent" // cant use this.
})
});
//component
angular.module('myApp').component('newComponent', {
template: "<h1> THis is from component <h1>"
});
I'm neither getting the result, nor any errors. What I'm missing here?
Thanks in advance.
