角度 - 私のUIビューにテンプレートのhtmlテキストが表示されないのはなぜですか？

私の角度状態（ 'home'）で参照するテンプレートが表示されないのはなぜですか？私のindex.htmlには<ui-view></ui-view>タグが含まれています。誰か知っていますか？角度 - 私のUIビューにテンプレートのhtmlテキストが表示されないのはなぜですか？

app.js：

var app = angular.module('portfolio', ['ui.router']);

HTML：

<body ng-app="portfolio"> 
    <p>hellooooo</p> 
    <ui-view></ui-view> 

    <script src="angular.min.js"></script>   
    <script src="https://cdnjs.cloudflare.com/ajax/libs/angular-ui-router/1.0.0-beta.2/angular-ui-router.js"></script> 
    <script src="js/app.js"></script> 
    <script src="js/home/home.js"></script>  
</body>

home.js：

app.config(function ($stateProvider) { 
    $stateProvider.state('home', { 
     url: '/', 
     templateUrl: '/browser/js/home/home.html' 
    }); 
});

home.html：

<div><p>not working</p></div>

出典

2016-10-06 javascript2016

はdevloperコンソールにエラーはありますか？ –

'home' just just 'を削除してみてください –

この質問に対する受け入れられた答えを見てください：http://stackoverflow.com/questions/16887018/stating-directive-templateurl-relative-to-rootあなたの問題は '/'あなたの' templateUrl'パラメタで。 –

あなたのルータは/のURLと一致するとは思えません。そのため、いつもURLに/が付いているわけではないので、デフォルトの状態を指定する必要があります。

はそうのようなデフォルトの状態を強制的に考えてみましょう：

$stateProvider.otherwise('/');

出典

2016-10-06 16:25:09

ありがとう、それは働いた！ – javascript2016

角度 - 私のUIビューにテンプレートのhtmlテキストが表示されないのはなぜですか？

答えて

関連する問題