吴 - 包括丢失范围

Question

我需要显示不同的形式，取决于用户点击不同的按钮。用户应该能够切换不同的表格并读取以前插入的数据。不幸的是，似乎ng-include不保留范围，但刷新显示的数据。

代码：

... 
<div ng-include src="formToBeOpened.urlForm"></div> 
... 

formToBeOpened变化对不同的按钮和.urlForm用户点击是一个字符串（如 “option1.html”， “option2.html”）

如何保持与NG数据-包括？

Answer 1

尝试使用以下解决方案

function TodoCtrl($scope) { 
 
    $scope.templateUrl = 'form1.html'; 
 
    $scope.changeForm = function(url){ 
 
    $scope.templateUrl = url; 
 
    } 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script> 
 

 
<div ng-app> 
 
    <div ng-controller="TodoCtrl"> 
 
     <script type="text/ng-template" id="form1.html"> 
 
      <h2>Hello1</h2> 
 
     </script> 
 

 
     <script type="text/ng-template" id="form2.html"> 
 
      <h2>Hello2</h2> 
 
     </script> 
 
     
 
     <div ng-include="templateUrl"></div> 
 
     <button ng-click="changeForm('form1.html')">Form1</button> 
 
     <button ng-click="changeForm('form2.html')">Form2</button> 
 
    </div> 
 
</div>

希望这是帮助你。