Get access to MVC partial page in angular js directive

Question

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 - ASP.NET MVC Partial View in an AngularJS directive but it doesn't seem to work for me.

(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')));

what did you get if you type in browser address "DATA_URLS.ROOT_PATH + "Views/Shared/specialView1 with proper DATA_URLS.ROOT_PATH ? — sylwester
– sylwester, Commented Jul 17, 2014 at 13:19
Well, it says the resource can not be found. The DATA_URLS.ROOT_PATH just points to localhost/myapp... I just tried accessing other pages in the same folder as my partial view in the browser, but for all of them, it says, the resource cant be found — whyAto8
– whyAto8, Commented Jul 17, 2014 at 13:23
so path should be rather localhost:[port]/Views/Shared/specialView1 — sylwester
– sylwester, Commented Jul 17, 2014 at 13:35
Where can i find the port info and how do i use that in angular. Any idea. — whyAto8
– whyAto8, Commented Jul 17, 2014 at 13:53

sylwester · Accepted Answer · 2014-07-18 08:15:58Z

0

Please use controller/action path in get call

(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 + "controller/action").success(function (data) {
                    element.html(data);
                });
            }
        };
    };
    baseApp.directive('baseMyDirective', ["DATA_URLS", "$compile", "$http", myDirective ]);

}(angular.module('baseApp')));

answered Jul 18, 2014 at 8:15

sylwester

16.5k1 gold badge27 silver badges33 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Get access to MVC partial page in angular js directive

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related