Angulart ui-Router Multiply Ansichten und ControllerAs

Question

Haben Sie ein Problem, wenn mehrere verschachtelte Ansichten und ControllerAs

Hier Beispiel meiner Coffeescript und Vorlagen

Staaten mit:

.state "users" , 
    abstract: true, 
    url:"/users", 
    views: 
     "MainLayout": 
     templateUrl:"users.html", 
    .state "users.add" , 
    url:"/users-add", 
    views: 
     "ContentLayout": 
     templateUrl:"users-add.html", 
     controller:"UsersAddController", 
     contollerAs:"formctrl", 
     "SideLayout": 
     templateUrl:"users-side.html", 
    cache: false 
    .state "users.list" , 
    url:"/users-list", 
    views: 
     "ContentLayout": 
     templateUrl:"users-list.html", 
     controller:"UsersController", 
     contollerAs:"userlist" 
     "SideLayout": 
     templateUrl:"users-side.html", 
    cache: false 

users.html

<div class="content" ui-view="ContentLayout"></div> 
<div class="side" ui-view="SideLayout"></div> 

benutzerliste.html

{{ userlist.result }} 

Benutzer-add.html

{{ formctrl.addresult }} 

Benutzer-side.html

<menu> 
<a ui-sref="users.list">List</a> 
<a ui-sref="users.add">Add</a> 
</menu> 

Userscontroller als Probe

(-> 
    UsersController =()-> 
    vm = @ 
    vm.result = "Result" 
    return vm 
    angular 
    .module("myapp") 
    .controller("UsersController", UsersController))() 

Dies funktioniert überhaupt nicht, aber wenn ich machen es mit $ scope, alles funktioniert normal. Was habe ich falsch gemacht?

Answer 1

als Sudakatux sagte ist es eine issue on angular-ui-router github

Soooo, geschaltet i an einen anderen Router dass mit Kaffee arbeiten normal und controllerAs (muss zurückkehren @).

Andernfalls müssen Sie Ihre App Refactoring - einfach js verwenden oder mit ng-Controller in Vorlagen machen

Answer 2

auf dem Kind Ansichten Sie die Eltern überschreiben sehen, so dass Sie das @ simbol versuchen, dies zu verwenden:

.state "users.add" , 
    url:"/users-add", 
    views: 
     "ContentLayout@": 
     templateUrl:"users-add.html", 
     controller:"UsersAddController", 
     contollerAs:"formctrl", 
     "SideLayout@": 
     templateUrl:"users-side.html", 
    cache: false 
    .state "users.list" , 
    url:"/users-list", 
    views: 
     "ContentLayout@": 
     templateUrl:"users-list.html", 
     controller:"UsersController", 
     contollerAs:"userlist" 
     "SideLayout@": 
     templateUrl:"users-side.html", 

Ok jetzt so, dass ich Ihren Plunker sehen, da Sie ui-Ansichten innerhalb ui verwenden -Ansichten, müssen Sie enthalten, was ovrwride oder Ziel:

state "users.add" , 
    url:"/users-add", 
    views: 
     "ContentLayout@users": 
     templateUrl:"users-add.html", 
     controller:"UsersAddController", 
     contollerAs:"formctrl", 
     "SideLayout@users": 
     templateUrl:"users-side.html", 
    .state "users.list" , 
    url:"/users-list", 
    views: 
     "ContentLayout@users": 
     templateUrl:"users-list.html", 
     controller:"UsersController", 
     contollerAs:"userlist" 
     "SideLayout@users": 
     templateUrl:"users-side.html", 

So im der ContentLayout Targeting '@' an den Benutzer Zustand.

hier Ihre festen Plunker http://plnkr.co/edit/vPdjntVJn9dVE9Y7mkm3?p=preview

Hoffe, es

in den Kommentaren hilft