2016-11-29 14 views
0

これは私のメニューですSidebar structureTransaksi > Sewaクリック入力時にフォームの入力と送信ボタンを含む新しいページを読み込むkonfirmasiボタンがあります。AngularJS blur adminのtemplateUrlが読み込まれませんか?

私のアプリケーションは現地語でシンプルにするため、レンタカーアプリケーションです、下屋ページにはレンタカー取引の一覧がありますが、まだ支払いを確認していません。 konfirmasiボタンがこれを処理します。

ユーザーがkonfirmasiボタンをクリックすると、トランザクションID(ルートパラメータ)に基づいて情報がロードされ、銀行振込による支払い証明書をアップロードするためのファイル入力と、サーバーへの画像のアップロードとデータベースステータスの更新現在の取引のため。

私は私のディレクトリ構造がここtransaksi.module.jsコード

(function() { 
    'use strict'; 
    angular.module('BlurAdmin.pages.transaksi', [ 
     'BlurAdmin.pages.transaksi.sewa' 
    ]) 
     .config(routeConfig) 

     function routeConfig($stateProvider){ 
      $stateProvider 
      .state('transaksi', { 
       url: '/transaksi', 
       template: '<ui-view></ui-view>', 
       abstract: true, 
       //templateUrl: 'app/pages/transaksi/transaksi.html', 
       //controller: 'TransaksiCtrl', 
       title: 'Transaksi', 
       sidebarMeta: { 
        icon: 'ion-grid', 
        order: 100    
       } 
      }); 
     } 

})(); 

はここsewa.module.js

(function() { 
    'use strict'; 

    angular.module('BlurAdmin.pages.transaksi.sewa', []) 
     .config(routeConfig); 

    function routeConfig($stateProvider){ 
     $stateProvider 
      .state('transaksi.sewa', { 
       url: '/sewa', 
       templateUrl: 'app/pages/transaksi/sewa/sewa.html',   
       controller: 'SewaCtrl', //listing work normally 
       title: 'Sewa', 
       sidebarMeta: { 
        order: 0 
       } 
      }) 
      .state('transaksi.sewa.konfirmasi', { 
       url: '/konfirmasi/:nomor_order_sewa', 
       templateUrl: 'app/pages/transaksi/sewa/konfirmasi.html', //won't load 
       controller: 'KonfirmasiCtrl', 
       title: 'Konfirmasi Sewa', //but title is changed 
       sidebarMeta: { 
        order: 0     
       }   
      }); 

    } 

})(); 

このようなapp/pages/transaksi/sewa/sewaCtrl.js何かにロードされたコントローラapp/pages/transaksi/transaksi.module.jsapp/pages/transaksi/sewa/sewa.module.js

のようなものがあるされているofficial documentation create to create Sewa pageに従ってください

(function(){ 
    'use strict'; 

    angular.module('BlurAdmin.pages.transaksi.sewa') 
     .controller('SewaCtrl', SewaCtrl) 
     .controller('ModalCtrl', ModalCtrl) 
     .controller('KonfirmasiCtrl', KonfirmasiCtrl); 

function KonfirmasiCtrl($scope, $http, $routeParams){ 
    $scope.nomor_order = $routeParams.nomor_order_sewa; 
    alert($scope.nomor_order); 
} 



... 
... 

あり、コンソールにはエラーはありません、と私はkonfirmasiボタンをクリックしたときに、私のtemplateUrl konfirmasi.html

<h1>ini halaman konfirmasi untuk order {{ nomor_order }}</h1>

として存在し、シンプルなものが含まれているので、なぜページのみ点画が、templateUrlがロードされていないを変更。

おそらく私はsewa.module.jsで間違っていますか?konfirmasi route definition?どこか?

詳細が必要な場合は、ただコメントしてください。

答えて

0

Jus'tまさにこのセクション

//注でangular ui router nested views not workingと読みnested state abstrac usageを読んだ:抽象まだその子が移入するためのUIビューを必要とします。

//ここにインラインで追加できます。

と私はおそらく少しの試行錯誤でコンテナがないので、ページが読み込まれないと考え始めます。

私はおかげでStackOverflowの今sewa.html

<div ui-view> 
    ... 
    sewa.html content here 
    ... 
</div> 

のように見えますsewa.html<div ui-view></div>を追加する必要があることを発見。

関連する問題