2016-10-01 15 views
3

componentscontrollerstemplatesの代わりに)をui-routerに使用しようとしています。しかし、これは動作していません。
私は彼らのウェブサイトのthisの記事に従っています。
Plunk

HTML:ui-routerで角度コンポーネントを使用するにはどうすればよいですか?

<body ng-app="myApp"> 
    <h1>Help!</h1> 
    <a ui-sref="mypage">mypage</a> 
    <ui-view></ui-view> 
    </body> 

JS:

// Register 
angular.module('myApp', ['ui.router']); 

// config 
angular.module('myApp').config(function($stateProvider) { 
    $stateProvider.state({ 
    name: 'mypage', 
    url: '/mypage', 
    component: "newComponent" // cant use this. 
    }) 
}); 

//component 
angular.module('myApp').component('newComponent', { 
    template: "<h1> THis is from component <h1>" 
}); 

私はどちらも結果を得ることなく、またすべてのエラーです。ここで私は何が欠けているのですか?
ありがとうございます。

+1

スイッチのバージョンをインストールして、ライブラリをクリックします(HTTPS [ここでは正常に動作します]:/ /plnkr.co/edit/Cpph8siwPTnJYf5ihniO?p=preview) – charlietfl

答えて

関連する問題