try

front/salix/components/app/app.js

@@ -15,6 +15,7 @@ export default class App extends Component {
 
     get showLayout() {
         let state = this.$state.current.name;
+        console.log(this.$state.current.name);
         return state && !this.isLogin && !this.isRecover && !this.isReset;
     }
 

front/salix/components/login/index.html

@@ -1 +1,2 @@
+HOLA
 <ui-view>HOLA</ui-view>

front/salix/components/login/index.js

@@ -2,13 +2,9 @@ import ngModule from '../../module';
 import Component from 'core/lib/component';
 import './style.scss';
 
-export class OutLayout extends Component {
-}
+export class OutLayout extends Component {}
 
 ngModule.vnComponent('vnOutLayout', {
     template: require('./index.html'),
-    controller: OutLayout,
-    require: {
-        app: '^vnApp'
-    }
+    controller: OutLayout
 });

front/salix/routes.js

@@ -9,10 +9,7 @@ function config($stateProvider, $urlRouterProvider) {
         .state('login', {
             url: '/login?continue',
             description: 'Login',
-            component: '<vn-out-layout></vn-out-layout>',
-            views: {
-                'login': {template: '<vn-login></vn-login>'},
-            }
+            component: '<vn-out-layout></vn-out-layout>'
         })
         .state('login.recover-password', {
             url: '/recover-password',