angularjs – 在mvc 5项目中使用角度指令模板url中的html文件

app.directive('clusterButton',function () {
    return {
        restrict: 'E',scope: {
            clusterInfo: '=info'
        },templateUrl: function(elem,attr){
            return 'ClusterButtonTemplate';
        }
    };
});

我有名为ClusterButtonTemplate.cshtml的.cshtml文件,我在控制器类中创建了一个部分视图方法来返回此视图.所以angular js指令绑定模板.

我需要删除mvc控制器类中的方法,需要直接引用模板文件.我不想使用cshtml文件.我需要一个用于模板的html文件.我创建了一个ClusterButtonTemplate.html文件.但是,将模板设置为浏览器下方显示404错误.

app.directive('clusterButton',attr){
            return 'ClusterButtonTemplate.html';
        }
    };
});

我在我的项目中没有使用angular js routing.一切都使用MVC路由进行管理.我该如何解决这个问题.我是否需要使用Angular路由和MVC路由？