2016-04-26 10 views
0

Ich erstelle eine Chrome-App mit angularjs mit angular-ui-router.Angular UI Router funktioniert nicht auf Chrome App

app.js

var foo = angular.module('foo', [ 
    'ui.router', 
]) 
.config(['$stateProvider', '$locationProvider', 
    function($stateProvider, $locationProvider) { 

    console.log("This works fine."); 

    $stateProvider 
     .state('login', { 
      url: '/', 
      templateUrl: 'modules/login/templates/login.html', 
      controller: 'loginController' 
     }) 

}]) 

login.js

foo.controller('loginController', 
    ['$scope', 
    function($scope){ 

    console.log("This should be printed on the console."); 

}]) 

window.html

<!DOCTYPE html> 
<html ng-app="mycurechrome"> 
<head> 
    <meta charset="utf-8"> 
    <meta name="viewport" content="width=device-width, initial-scale=1"> 

    <script src="components/chromestrap/js/jquery-2.0.3.min.js"></script> 
    <script src="components/chromestrap/js/bootstrap.min.js"></script> 

    <script src="bower_components/angular/angular.min.js"></script> 
    <script src="bower_components/angular-ui-router/release/angular-ui-router.min.js"></script> 

    <script src="app.js"></script> 
    <script src="modules/login/controllers/login.js"></script> 

    <link href="components/chromestrap/css/bootstrap.min.css" rel="stylesheet"> 
    <link href="css/window.css" rel="stylesheet"> 

</head> 
<body> 
    <div ui-view></div> 
</body> 
</html> 

manifest.json

{ 
    "name": "foo", 
    "description": "bar", 
    "version": "0.1", 
    "manifest_version": 2, 
    "app": { 
     "background": { 
      "scripts": [ 
       "background.js" 
      ] 
     } 
    }, 
    "icons": { "16": "icon-16.png", "128": "icon-128.png" } 
} 

background.js

chrome.app.runtime.onLaunched.addListener(function() { 
    chrome.app.window.create('window.html', { 
     'outerBounds': { 
      'width': 1000, 
      'height': 600 
     } 
    }); 
}); 

Auf der app.js der console.log("This works fine."); ist excuted, aber die log() auf der login.js nicht.

Ich glaube nicht, ich bin mit ui-router falsch, aber ich bin skeptisch, weil es einen anderen Ansatz für Google Chrome App geben könnte.

Antwort

2

versuchen, den Login-Zustand zu navigieren, wenn es Ihr Standardzustand try ist:

.config(['$stateProvider', '$locationProvider', '$urlRouterProvider', 
    function($stateProvider, $locationProvider, $urlRouterProvider) { 

    console.log("This works fine."); 
    $urlRouterProvider.otherwise('/login'); 
    $stateProvider 
     .state('login', { 
      url: '/login', 
      templateUrl: 'modules/login/templates/login.html', 
      controller: 'loginController' 
     }); 

}]); 
+0

OMG Dank bro! :) – CENT1PEDE