角度のウェブサイトのuiルータ

私は角度の初心者です。私は、ui-routerのドキュメントのチュートリアルに従っていますが、まだそれを動作させることはできません。 index.htmlにui-routerを使用して、私のorganization.htmlとheader.htmlを表示したいと思います。しかし、仕事と私はここに私のコンソールに角度のウェブサイトのuiルータ

を単一のエラーがない得るものは何もここに私のindex.html

<html ng-app="starter"> 
    <head> 
<script src="node_modules/angular/angular.min.js"></script> 
<script src="node_modules/jquery/dist/jquery.min.js"></script> 
<script src="node_modules/angular-ui-router/release/angular-ui-router.js"></script> 
<script src="node_modules/angular-route/angular-route.js"></script> 
<script src="js/app.js"></script> 
<script src="js/controller.js"> </script> 
<script src="js/services.js"> </script>

<body ng-controller="homeCtrl"> 
    <div ui-view></div> 
</body>

は私app.jsではありません。

var myapp = angular.module('starter', [ 'starter.controllers','ngRoute','ui.router']) 
myapp.config(function($stateProvider, $urlRouterProvider){ 

    $stateProvider 

     state('app', { 
      abstract: true, 
      cache:false, 
      templateUrl: '../views/header.html', 

     }). 
     state('app.single', { 
      templateUrl: '../views/single_user.html', 
      controller: 'usersingleCtrl' 
     }). 
     state('app.organization', { 
      templateUrl: '../views/organization', 
      controller: 'homeCtrl' 
     }) 
    $urlRouterProvider 

     .otherwise("app.organization") 

    });

マイヒーder.htmlとorganization.htmlには単純なhtmlしか含まれていません。

あなたは私のツリービューを表示する必要がある場合：

enter image description here

出典

2016-05-03 moskitos

ここはplnkrです：https：//plnkr.co/edit/3Xn2rbFpondGV5KHvsMf？p = preview – moskitos

あなたはangular2を使用していますか？ – Rakeschand

いいえ、私は間違いを犯してplnkrを更新しました。あなたは今問題を見て回ることができます – moskitos

このお試しください：私は私の問題を管理

$stateProvider.state('app',{ 
     url: '', 
     abstract: true 
     templateUrl: '../views.html', 
     controller: 'viewCtrl', 
    }) 
    .state('app.single', { 
     url: '/single', 
     templateUrl: '../views/single_user.html', 
     controller: 'usersingleCtrl' 
    })

出典

2016-05-03 11:49:16 sapna

まだ私のコンソールにも何もありません – moskitos

を、私たちは'ui.router'

で

myapp = angular.module('starter', [ 'starter.controllers','ngRoute','ui.router'])

一度だけ呼び出す必要があります

私の間違いは、電話番号'ui.router'ですnオーバーライド問題を引き起こすコントローラ。

出典

2016-05-03 13:27:55 moskitos

角度のウェブサイトのuiルータ

答えて

関連する問題