Estoy usando los nested y named views de ui-router.
Lo que quiero lograr es poder pasar un dato desde el div que invoca a un template al template en si.
Algo como esto:
<div ui-view="inputtext" data-value="0"></div>
<div ui-view="inputtext" data-value="1"></div>
<div ui-view="inputtext" data-value="2"></div>
Usar el mismo template en todos los casos pero pasandole un valor diferente a cada uno.
Asi serian los estados:
.state('project', {
url: "/project/:projectId",
views: {
'project' : {
templateUrl: "templates/project.html"
},
'group@project' : {
templateUrl: "templates/group.html"
},
'task-1@project' : {
templateUrl: "templates/task-1.html"
},
'inputtext@project' : {
templateUrl: "templates/modules/inputtext.html"
}
}
Dentro de 'project' hay varios 'group', dentro de 'group' hay varios 'task' y dentro de task es que quiero mostrar varios inputtext pero con diferentes valores.
named views
en tu ejemplo,nested views
es cuando tienes la notaciónstate: 'padre.hijo'
o una configuraciónparent: 'padre'
en la definición del estado. Si entendí correctamente tienes un estado con 4 fragmentos que muestran información del proyecto. Me parece que lo que quieres lograr se puede lograr fácilmente con una sola vistainputtext@project
y unng-repeat
que muestre toda la información. En mi opinión la solución que quieres es compleja sin motivo alguno.