2016-01-11 1 views
0

Здесь я пытаюсь вызвать частичный вид с контроллера с помощью угловых js.Как динамически добавлять страницу с помощью ng-include с asp.net MVC с помощью углового js

вот мой код

<div ng-repeat='t in tabs'> 
<div ng-include='t.templateUrl'></div> 
<div> 

, когда я пытаюсь включить как нг-включают = «„/ дом/menutemplate“» он будет включает в себя содержание. Как я могу динамически это сделать? , Помоги мне

ответ

1

t.templateUrl должен быть действительным переменным сфера и должна занимать строку (путь для шаблона):

$scope.t.templateUrl = "/home/menutemplate" 

И в шаблоне:

<div ng-include="t.templateUrl"></div> 
0

Это точно так, как вы сделал этот пример

 angular.module("app", []); 
 

 
     angular.module("app").controller("ctrl", function ($scope, $rootScope, $filter) { 
 
    
 
      $scope.templates = [ 
 
       {url: "/Application/Partials/home.html"}, 
 
       {url: "/Application/Partials/page2.html"} 
 
      ] 
 

 
     });
<!doctype html> 
 
<html ng-app="app" ng-controller="ctrl"> 
 
<head> 
 

 
</head> 
 
<body> 
 
    <div class="container"> 
 

 
     <div ng-repeat="temp in templates"> 
 
      <div ng-include="temp.url"></div> 
 
     </div> 
 

 

 
     <script type="text/ng-template" id="/Application/Partials/home.html"> 
 
      <h1>home.html is here</h1> 
 
     </script> 
 
     
 
     <script type="text/ng-template" id="/Application/Partials/page2.html"> 
 
      page 2 is here 
 
     </script> 
 

 
    </div> 
 

 
    <script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.4.8/angular.min.js"></script> 
 
</body> 
 
</html>