Angular mvc-partial

gistfile1.js

module Fams.EnumSelector {

    interface IScope extends ng.IScope
    {
        promise;
        loaded();
        onLoad();
    }

    function directiveFactory() {
        return {
            scope: {
                src: "@",
                onLoad: "&onLoad"
            },
            template: "<div class='busy-block' cg-busy='promise'></div><ng-include  src=\"src\" onload='loaded()'></ng-include>",
            controller: ($scope: IScope, $q) => {
                $scope.promise = $q.defer();
                $scope.loaded = () => {
                    $scope.onLoad();
                    $scope.promise.resolve();
                };
            }
        }
    }

    Fams.app.directive("mvcPartial", directiveFactory);

}

Usage, replace @Html.Action("Foo", "Bar", new { @Area = "Bax", @Id= Model.Id }) with
<mvc-partial src="@Url.Action("Foo", "Bar", new { @Area = "Bax", @Id= Model.Id })"></mvc-partial>