基本角度アプリは、ログイン

私は仕事のためのPOCに取り組んでいますがロードされませんし、私はここに隠れている愚かなものは何でも間違いを見つけることができません。私は、ui-routerを使用して、ベアボーン/ベーシックな角型アプリを持っています。 Plunkerはhereです。私は私のapp.moduleが作成されて見ることができますクロムコンソールで基本角度アプリは、ログイン

は、しかし、ログインページが表示されません。これは非常に基本的なアプリなので、私はそれが欠けているシンプルなものでなければならないと思います。助言がありますか？以下は、迅速なサンプルです：

config.jsの

(function() { 
'use strict' 
var app = angular.module('app.core'); 
app.config(AppRouter); 
AppRouter.$inject = ['$stateProvider', '$urlRouterProvider']; 

function AppRouter($stateProvider, $urlRouterProvider) { 
    $urlRouterProvider.otherwise('login'); 
    $stateProvider 
    .state('/', { 
     templateUrl: 'login.html', 
     controller: 'LoginController', 
     controllerAs: 'vm', 
    }) 
    .state('login', { 
     templateUrl: 'login.html', 
     controller: 'LoginController', 
     controllerAs: 'vm', 
    }); 
} 
})();

login.controller.js

(function() { 
'use strict'; 

var app = angular.module('app.login'); 

app.controller('LoginController', LoginController); 

LoginController.$inject = ['$location', '$filter', '$window', '$rootScope']; 

function LoginController($location, $filter, $window, $rootScope) { 
    var init = function() { 
    console.log('here'); 
    }; 

    init(); 
} 
})();

app.module.js

(function() { 
    var app = angular.module('app', ['app.core', 'app.login']); 
})();

login.module.js

(function(){ 
    'use strict' 
    var app = angular.module('app.login', ['app.core']); 
})();

core.module.jsそれは私のために働いていたいくつかの変更後

(function(){ 
    'use strict' 
    var app = angular.module('app.core', ['ui.router']); 
})();

出典

2017-04-01 NealR

（フォークplunk参照：https://plnkr.co/edit/D5AL8DTnqYI2g23wjE7W?p=previewを）：

あなたが忘れてしまいましたAngularJSをロードする（<head></headの間）。 ng-appを追加していないのを忘れてしまいました。私はlogin状態にurlを追加し、私はotherwise機能を変更した

function AppRouter($stateProvider, $urlRouterProvider) { 
    $urlRouterProvider.otherwise('/login'); 
    $stateProvider 
     .state('/', { 
     templateUrl: 'login.html', 
     controller: 'LoginController', 
     controllerAs: 'vm', 
     }) 
     .state('login', { 
     url: '/login', 
     templateUrl: 'login.html', 
     controller: 'LoginController', 
     controllerAs: 'vm', 
     }); 
    }

：それはURLを必要とする原因私は名前を述べていない、/loginへloginを変更そして、私はconfig.jsでいくつかの変更を行いました。私はあなたあなたは少し（あまりモジュール）アプリ、それはそれは難しい私のために読むためになりますが、それだけで私の意見だと率直であることを、私は非常に頻繁にモジュールを使用していないという理由だけで多分それはだをoverconfiguredだと思います。あなたのPlunkにこの変更を加えることを試み、それがうまくいかない場合、私が間違って何かを飛ばしてしまうかもしれないことを書いてください。完全に働いた

出典

2017-04-01 18:48:55

、感謝します。レッスンを学んだ - 小さいスタート:) – NealR

@ニール私はそれを聞いてうれしいです:) –

基本角度アプリは、ログイン

答えて

関連する問題