Angular js：ng-viewでサーバレスポンスを読み込む方法

私はcodeigniterとangualrJsで開発しています。Angular js：ng-viewでサーバレスポンスを読み込む方法

ui-viewのコントローラアクションから、コードを使用して$stateルートメソッドを使用してロードしようとしています。しかし、私は何の反応も得ていない。このためには、http getメソッドを使用する必要があります。

以下は私のコードです。私はここで何かが欠けていた場合 app.js

(function() { 
    "use strict"; 
    var app = angular.module("autoQuote",["common.services","ui.router"]); 

    app.config(["$stateProvider","$urlRouterProvider"], function($stateProvider,$urlRouterProvider){ 
     $urlRouterProvider.otherwise("/"); 

     $stateProvider 
      .state("step1", { 
       url : "/", 
       templateURL : "http://dev.angauto.domain.com/rc1/renderstep/step1" 
      }) 

      .state("step2", { 
       url : "/", 
       templateURL : "http://dev.angauto.domain.com/rc1/renderstep/step2" 
      }) 
    } 
    ); 
}());

common.services.js

(function() { 
    "use strict"; 

    angular 
     .module("common.services", 
       ["ngResource"]) 
}());

autoQuoteCtrl.js

(function(){ 
    "use strict"; 
    angular 
    .model("autoQuote") 
    .controller("prepareDTO","prepareDTO"); 

    function prepareDTO() 
    { 
     var vm = this; 
     vm.postAutoQuoteObj = []; 
    } 

});

HTML

<script src="<?php echo $assetName; ?>/js/jquery-3.0.0.min.js"></script> 
    <script src="<?php echo $assetName; ?>/js/angular.js"></script> 
    <script src="<?php echo $assetName; ?>/js/angular-resource.js"></script> 
    <script src="<?php echo $assetName; ?>/js/angular-mocks.js"></script> 
    <script src="<?php echo $assetName; ?>/js/angular-ui-router.js"></script> 
    <script src="<?php echo $assetName; ?>/js/bootstrap.js"></script> 

    <!-- Application Script --> 
    <script src="<?php echo $assetName; ?>/app/app.js"></script> 

    <!-- services --> 
    <script src="common/services/common.services.js"></script> 

    <!-- Controllers --> 
    <script src="<?php echo $assetName; ?>/app/ctrl/autoQuoteCtrl.js"></script> 
</head> 
<body ng-app="autoQuote"> 
<div ui-view></div> 
</body>

は私を提案して下さい。

出典

2016-06-17 Praveen D

I $ urlRouterProviderは、関数に注入してそこにある通知が余分な "e" の

app.config(["$stateProvider","$urlRouterProvider"], function($stateProvider,$urlRouterProvider){ 
    $urlRouterProvider.otherwise("/"); 

    $stateProvider 
     .state("step1", { 
      url : "/", 
      templateURL : "http://dev.angauto.insurance.com/rc1/renderstep/step1" 
     }) 

     .state("step2", { 
      url : "/", 
      templateURL : "http://dev.angauto.insurance.com/rc1/renderstep/step2" 
     }) 
} 
);

を}（））がありました。

出典

2016-06-17 11:26:51 abdoutelb

更新疑問、まだ応答がない –

あなたは、ほとんど存在しa working plunker

...ちょうどUI-ルータの場所ng-view

//<div ng-view></div> 
<div ui-view></div>

そしてまた、IoCのための配列を使用しない、ui-viewという名前のターゲットにするVIEがあります、関数をカプセル化する配列が必要です（機能の前に削除された]符号を確認してください）

//app.config(["$stateProvider","$urlRouterProvider"], function($stateProvider,$urlRouterProvider){ 

app.config(["$stateProvider","$urlRouterProvider", function($stateProvider,$urlRouterProvider){ 
    $urlRouterProvider.otherwise("/"); 

    $stateProvider 
     .state("step1", { 
      url : "/", 
      //templateURL : "http://dev.angauto.domain.com/rc1/renderstep/step1" 
      templateUrl: "tpl.html" 
     }) 

     .state("step2", { 
      url : "/step2", 
      //templateURL : "http://dev.angauto.domain.com/rc1/renderstep/step2" 
      templateUrl: "tpl.html" 
     }) 
}]

templateUrl（代わりにテンプレートの）を使用していますanother example

なくtemplateURL

$stateProvider 
     .state("step1", { 
      url : "/", 
      //templateURL : "http://dev.angauto.domain.com/rc1/renderstep/step1" 
      templateUrl : "rc1/renderstep/step1.php" 

     }) 

     .state("step2", { 
      url : "/step2", 
      //templateURL : "http://dev.angauto.domain.com/rc1/renderstep/step2" 
      templateUrl : "rc1/renderstep/step2.html" 
     })

出典

2016-06-17 11:33:39

がで更新がありhere

それをチェックui-view、ただしno変更、ページに表示される変更はありません。 –

私はあなたの2番目のバグを発見し、それを修正し、プランナーを作成し、私の答えを延長しました;） –

すぐにお返事ありがとうございます。ここでは、私はUIのビューを取得するcodeIgniterを使用したい、codeigniterアクションから私はjsonオブジェクトでビューを送信することができます。これを達成することは可能ですか？ –

Angular js：ng-viewでサーバレスポンスを読み込む方法

答えて

関連する問題