Angularjs compile ng-controller html

Question

Предположим, у меня есть нижний контроллер.

myApp.controller('sampleController', ['$scope','$http', $compile',function ($scope, $http, $compile) { 

    $scope.name = 'vaibhav'; 
    var htmlString = '<div ng-controller="sampleController"> 
         <p> {{name}} </p> 
         </div>'; 

    var element = angular.element(htmlstring).scope(); 
    var compiledom = $compile(element); 

    console.log(compiledom); // I need parsed controller view here 
}); 

Окончательный вывод «compiledom» переменной должно быть:

<div ng-controller="sampleController"> 
    <p> vaibhav </p> 
</div> 

мне нужно использовать разобранный вид контроллера для создания другой динамической страницы.

Что-то не так в этом кодексе? Пожалуйста, помогите мне с правильным подходом.

Answer 1

Лучший способ достичь этого - использовать директиву.

Сделайте это div шаблоном директивы. sampleController будет директивным контроллером, и в этом случае {{name}} поступит из сферы действия.

Пример: <dynamic-page name='vaibhav'></dynamic-page>

Реализация директивы будет выглядеть примерно так:

app.directive('dynamicPage', function() { 
    return { 
    restrict: 'E', 
    scope: { 
     name: '@' 
    }, 
    controller: function($scope) { 
     $scope.number = 10; 
    }, 
    template: '<div><p>{{name}} + {{number}}</p></div>' 
    } 
}); 

Plunker: https://plnkr.co/edit/ElcJQBEsesi4JwYxRJ9T?p=preview `