のanglejs ng-switch子スコープフォームを使用できません。親スコープでは使用できません。

ng-switchで記述されたATモデルオブジェクトへアクセスします。ng-switchがこのスコープで作成されます。したがって、親スコープでは子スコープ形式は使用できません。助けにのanglejs ng-switch子スコープフォームを使用できません。親スコープでは使用できません。

<!DOCTYPE html> 
 
<html> 
 
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"></script> 
 
<body ng-app=""> 
 

 
    <input type="radio" ng-model="fileType" value="Excel" style=" margin-left: 19px;" >Excel 
 
    <input type="radio" ng-model="fileType" value="Text" style=" margin-left: 19px;" >Text 
 

 
    <div ng-switch="fileType"> 
 
    <div ng-switch-default="Excel"> 
 
     <h4 style="margin-top: 15px;"> 
 
     <b>Analysis Type </b> 
 
     <input type="radio" ng-model="AT" value="SRI" style=" margin-left: 8px;" >SRI 
 
     <input type="radio" ng-model="AT" value="JAG" style=" margin-left: 23px;" >JAG 
 
     </h4> 
 
     <!-- {{AT}} i am able to acess it --> 
 
    </div> 
 
    <div ng-switch-when="Text"> 
 
     <h4 style="margin-top: 15px;"></h4> 
 
    </div> 
 
    </div> 
 
    {{fileType}} \t 
 
    {{AT}} <!-- how can i access it --> 
 

 
</body> 
 
</html>

出典

2017-04-27 srikanth Maddy

を行ってくださいこれは、独自のスコープを作成ng-switchによるスコープの継承の問題です。 ng-switchブロック内

使用ng-model="$parent.AT"

<!DOCTYPE html> 
 
<html> 
 
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"></script> 
 
<body ng-app=""> 
 

 
<input type="radio" ng-model="fileType" value="Excel" style=" margin-left: 19px;" >Excel 
 
<input type="radio" ng-model="fileType" value="Text" style=" margin-left: 19px;" >Text 
 

 
<div ng-switch="fileType"> 
 
      <div ng-switch-default="Excel"> 
 
\t \t <h4 style="margin-top: 15px;"><b>Analysis Type </b> 
 
\t \t \t <input type="radio" id="atype_sri" ng-model="$parent.AT" value="SRI" style=" margin-left: 8px;" ><label for="atype_sri">SRI</lable> 
 
\t \t \t <input type="radio" id="atype_jag" ng-model="$parent.AT" value="JAG" style=" margin-left: 23px;" ><label for="atype_jag">JAG</label></h4> 
 
      </div> 
 
      <div ng-switch-when="Text"> 
 
\t \t <h4 style="margin-top: 15px;"> \t \t  </h4> 
 
      </div> 
 
      </div> 
 
\t {{fileType}} \t 
 
    {{AT}} <!-- now you can access it --> 
 

 
</body> 
 
</html>

出典

2017-04-27 11:41:42

バックフィードにありがとうございました –

のanglejs ng-switch子スコープフォームを使用できません。親スコープでは使用できません。

答えて

関連する問題