ネストされたng-appコントローラのプログレス

別のng-app（ネストされた）でng-appを使いたいです。ネストされたng-appコントローラのプログレス

<!DOCTYPE html> 
<html> 
<head> 
<script src="/scripts/angular.js"></script> 
<script src="/scripts/Controller1.js"></script> 
<script src="scripts/Controller2.js"></script> 
</head> 
<body ng-app="MasterApp"> 
    <div ng-controller="myController as myCtr"> 
     {{myCtr.testValue}} ---> controler 1 
     <div ng-app="DetailApp"> 
      <div ng-controller="myController as myCtr"> 
       {{myCtr.testValue}} ----> controller 2 
      </div> 
     </div> 
    </div> 
</body> 
</html>

Controlle1.jsコード：

var MasterApp = angular.module("MasterApp", ["DetailApp"]); 
MasterApp.controller("myController", function() 
{ 
    var myCtr = this; 
    myCtr.testValue = " a value from Master App "; 
});

Controller2.jsコード：

と私はそれぞれのアプリのためのコントローラを持って、コントローラは
コードはここにある同じ名前を持ちます

var DetailApp = angular.module("DetailApp", []); 
DetailApp.controller("myController", function() 
{ 
    var myCtr = this; 
    myCtr.testValue = " a value from Detail App "; 
});

今すぐ！コントローラ2コントローラ1の戻り値！

結果：

マスターアプリからマスターのApp
値から値が

が、これは私の問題、任意のアイデアですか？

出典

2017-06-24 Mehdi Azadi

を確認してくださいあなたは、第二のコントローラに異なる別名を与えることをしようとしましたか？ myCTrの代わりに、myInnerCtrのようなものを試してください。 –

はい、コントローラーの名前を変更しても機能しますが、別のアプリケーションで変更することはありません！ –