title: Get access to MVC partial page in angular js directive
body: <p>I am trying to access a mvc partial page in angular custom directive, code as shown below, but no luck. I took this solution from the link - <a href="https://stackoverflow.com/questions/23633863/asp-net-mvc-partial-view-in-an-angularjs-directive">ASP.NET MVC Partial View in an AngularJS directive</a> but it doesn't seem to work for me.</p>
  
  <pre><code>(function (baseApp) {    
      var myDirective = function (DATA_URLS, $compile, $http) {
          return {
              restrict: 'A',
              link: function (scope, element, attrs) {
                  var ddd = $http.get(DATA_URLS.ROOT_PATH + "Views/Shared/specialView1").success(function (data) {
                      element.html(data);
                  });
              }
          };
      };
      baseApp.directive('baseMyDirective', ["DATA_URLS", "$compile", "$http", myDirective ]);
  
  }(angular.module('baseApp')));
  </code></pre>