2016-11-02 8 views
0

私はAngularとPlunkerの両方に慣れていません。私のモジュールは、以下のようになりますPlunkerがAngularのために走っていない問題

https://plnkr.co/edit/zaZgTQgoEUZ6RsOilY7h

(function() { 

'use strict'; 

var maintenancePortabilityModule = angular.module('maintenance.portability.module',['ui.router']); 

maintenancePortabilityModule.config([ 
    '$stateProvider', 
    function ($stateProvider) { 
     $stateProvider 

      .state('portability', 
      { 
       abstract: true, 
       url: '/portability', 
       template: '<ui-view/>' 
      }) 

      .state('portability.landing', 
      { 
       url: '/landing', 
       templateUrl: 'index.html', 
       controller: 'portabilityImportController' 
      }) 

      .state('portability.import', 
      {    
       url:'/import', 
       templateUrl: 'import.html', 
       controller: 'portabilityImportController' 
      }) 
    } 
]); 


maintenancePortabilityModule.controller('portabilityImportController', 
['$scope', 
    function ($scope) { 
     $scope.Message = 'Hello welcome to import page'; 
    } 
]); 

})(); 

と私のHTMLは次のようになります。

> <h2>Data Package Management</h2> 
> 
> <div ng-app="maintenance.portability.module" class="row push-down-md"> 
>  <div class="col-md-12"> 
>   <tabset> 
>    <tab heading="Create"> 
>     <div> 
>      Create Package 
>     </div> 
>    </tab> 
>    <tab > 
>     <div>{{Message}}</div> 
>    </tab> 
>   </tabset> 
>  </div> 
>  </div> 

私はセットアップまあ、私は次のリンクでPlunkerを作成しました私のモジュール、コントローラと私のモジュールにバインドされていますが、それは動作しているように見えません。おそらく、私は何か大きなものを逃しているでしょう。誰も私がこのプランナーを手に入れて、コントローラからデータをうまく吸収し、{{Message}}コンポーネントを正しく表示できるように助けることができますか? (私はあなたのplunkerでそれらを見ていないので)

答えて

1

すでに必要なライブラリが含まれていると仮定:

<script data-require="[email protected]" data-semver="1.5.2" src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.5.2/angular.js"></script> 
<script data-require="[email protected]*" data-semver="1.0.0-beta.2" src="//cdnjs.cloudflare.com/ajax/libs/angular-ui-router/1.0.0-beta.2/angular-ui-router.js"></script> 
<script src="script.js"></script> 

ng-controller="portabilityImportController"追加する必要があるすべてです。

ここには、プランナーがあります。https://plnkr.co/edit/HE278C7OubEDUVEXQceJ

関連する問題