Wissen verwenden, die Syntax mit AngularJS

Question

zunächst das ist mein devDependencies

"angular": "^1.5.0", 
    "angular-ui-router": "^1.0.0-beta.1", 

ich mit AngularJS Version entwickeln will, die Komponente und Controller als Klasse verwenden und für das Routing Ich weiß nicht, welche Syntax

I zu verwenden muss meine Abhängigkeiten wissen ist, mit wich Syntax espacially kompatibel für das Routing, wenn jemand einen exmaple geben Sie mir für das Routing kann

import uiRouter from 'angular-ui-router'; 

angular.module('app', [ 
    uiRouter 
]) 
    .config(($stateProvider, $urlRouterProvider)=> { 
    "ngInject"; 
    $urlRouterProvider.otherwise('/'); 
    $stateProvider 
     .state('login', { 
     url: '/', 
     component: 'login' 
     }); 
    $stateProvider 
     .state('home', { 
     url: '/home', 
     component: 'home' 
     }); 
    }) 

aber ich habe Fehler, wenn ich versuchte, $ State.go ('Heimat') in meinem Controller verwenden Dank für

helfen

UPDATE

LoginController

class LoginController { 
    constructor() { 
    this.name = 'login'; 
    console.log('login controller'); 
    } 
    openHome(){ 
    console.log("uo"); 
    $state.go('home'); 
    } 
} 

export default LoginController; 

login.js

import LoginComponent from './login.component' 
import angular from 'angular'; 
import uiRouter from 'angular-ui-router'; 

angular.module('login',[ 
    uiRouter 

]) 
    .config(($stateProvider, $urlRouterProvider)=> { 
    "ngInject"; 
    }) 
.component('login',LoginComponent); 

nach $ Hinzufügen Bereich und $ -Zustand im Konstruktor

Answer 1

Das Problem kommt von Ihrem Controller. Versuchen Sie folgendes:

LoginController:

'use strict'; 
(function(){ 

class LoginController { 
    constructor($state) { 

this.openHome = function(){ 
    console.log("uo"); 
    $state.go('home'); 
    } 

} 

angular.module('app') 
    .component('login', { 
    templateUrl: 'your/location/toMyFile.html', 
    controller: LoginComponent 
    }); 

})(); 

Hoffe, es hilft;)