Buenos días. Estoy trabajando en un proyecto de una página web en el que uso Angularjs.
El caso es que mandaron hacer un controller donde use un .component y el template y no tengo ni idea de como se hace, empecé hacer algo mirando en internet pero no me funciona asi. La cosa es que cuando abro mi pagina me aparece una barra encima de todo donde sale una opcion que se llama 'informacion', cuando pincho en 'informacion me tendria mostrar lo que haga supuestamente con el .component.
Os dejo aqui todo el código que estoy usando.
El java script donde intento usar el component:
angular.module('formApp', ['ui.router']);
angular.module('formApp').config(function ($stateProvider) {
$stateProvider
.state('informacion', {
url: 'informacion',
controller: 'InfoAppCtrl as form',
templateUrl: '/scripts/templates/info.html'
.component('AppForm', {
template: '<div class="container text-center" style="padding-top:60px;" ui-view></div>'
})
})
});
Aqui os dejo el controlador que hice aparte del principal para crear el template:
angular.module('formApp').controller('AppRespCtrl', function ($scope, $http) {
var validarResp = this;
validarResp.name = 'respuesta';
});
El HTML:
<h1>Template respuesta {{AppForm.name}}</h1>
Y el Layout donde situo el div para que se me muestre lo que os comente antes:
<div class="container body-content">
@RenderBody()
@RenderSection("SPAViews", required: false)
<hr />
<footer>
<div class="container text-center" style="padding-top:20px;" ui-view></div>
<p>© @DateTime.Now.Year - My ASP.NET Application</p>
</footer>
</div>