ユーザーコントロールとして別のangularjsページにカスタムanglejsページを含める

私はAngularJSを使用してアプリケーションを作成しており、初心者です。私は別のコントローラーとその正常な検索で共通のページを作成しましたが、今ではこのページを他のページにユーザーコントロールとして含めることにしました。ユーザーコントロールとして別のangularjsページにカスタムanglejsページを含める

マイ検索ページは検索のための私のコントローラがあるさ

<div class="input-group ex col-md-3" ng-app="searchApp" ng-controller="MainSearchController"> 
....... 
.......//My code here 
</div>

のように：

var sApp=angular.module("searchApp",[]); 
    sApp.controller("MainSearchController", function($scope){ 
    $scope.Merchants={};  
    var DEMerchantInfo = JSON.parse(localStorage.getItem("DEMerchantInfo"));  
     if(DEMerchantInfo == null || DEMerchantInfo == undefined){ 
      DEMerchantInfo = new Array; 
     } 
    $scope.Merchants=DEMerchantInfo; 

    $scope.Search=function(){ 

    var DEMerchantInfo = JSON.parse(localStorage.getItem("DEMerchantInfo"));  
     if(DEMerchantInfo == null || DEMerchantInfo == undefined){ 
      DEMerchantInfo = new Array; 
     } 
      $scope.Merchants=DEMerchantInfo; 
    } 
});

私は次のように私の他のページに検索ページを使用しています：

<body class="sidebar-mini" ng-app="MerchantApp"> 
    <div class="search-panels col-lg-4 col-md-4 col-xs-10"> 
    <div ng-include src=" 'search.html' "></div> 
    </div> 
</body>

が、それはあります私のために働いていない。その与えるエラー。

Error: [ng:areq] http://errors.angularjs.org/1.5.7/ng/areq? p0=MainSearchController&p1=not%20a%20function%2C%20got%20undefined O/<@file:///.....

どのように私はこのことを達成することができますお勧めします。私は部分的からng-app="searchApp"が削除されたことを、

<div class="input-group ex col-md-3" ng-controller="MainSearchController"> 
    <!-- My code here --> 
</div>

注：

出典

2016-07-13 manojkumar

これは、検索ページのテンプレートは以下のようになります方法です。あなたのアプリでは、bodyまたはhtmlのように、親コンテナにng-app="searchApp"を追加する必要があります。私を@dfsq返信用

angular.module('MerchantApp', [ 
    // some other module dependencies 
    'searchApp' 
])

出典

2016-07-13 07:40:04 dfsq

ありがとう：

次に、あなたがこのようなMerchantAppを設定する必要があります。あなたが提案するように私にこの方法をチェックさせてください.. – manojkumar

ユーザーコントロールとして別のangularjsページにカスタムanglejsページを含める

答えて

関連する問題