StateProvider: Controller never called

#1

Hello everybody.

Currently i am having a problem to run a simple example. I posted my problem on Stackoverflow
The problem is that i defined a state:

angular.module("App.Home", []) 

.config(function ($stateProvider, $urlRouterProvider) {
    $stateProvider.state("app.home", {
        url: "/home",
        views: {
            "main": {
                templateUrl: "templates/home.html",
                controller: "HomeController"
            }
         }
     });
});

But my HomeController is never called:

angular.module("App.Home")

.controller("HomeController", function($scope) {
    console.log("controller");
});

The content of my home.html is showing:

<ion-view view-title="Home">
    <ion-content>
        Home
    </ion-content>
</ion-view>

If i set the ng-controller it works:

<ion-view view-title="Home">
    <ion-content ng-controller="HomeController">
        Home
    </ion-content>
</ion-view>

but i want to set the controller using the stateProvider! Doese somebody know what the problem could be?

#2

can you create a simple codepen/plunkr ?

#4

Oh a Plunker is easy:

#5

your problem is that both states are trying to render itself in same view. when you specify view name…

check this out: http://plnkr.co/edit/EBkUvuIf3s2W0m1x5uPC?p=preview