如何阻止ActionLink触发后台方法时改变当前视图？

你的问题核心在于：使用data-ng-href触发void类型的后台方法时，浏览器会默认跳转到该方法的URL，而下载按钮正常是因为返回的是ActionResult（比如文件流），浏览器会处理下载而非跳转。结合AngularJS的特性，我们可以用Angular原生的点击事件+AJAX请求来解决，避免jQuery事件绑定失效的问题（因为ng-repeat动态生成DOM，提前绑定的jQuery事件无法作用到后续渲染的元素）。

具体修改步骤： #

1. 修改HTML模板，替换data-ng-href为ng-click

把归档按钮的链接改成Angular点击事件，直接传递所需参数，避免跳转：

<div ng-repeat="file in toFileList">
    @{ 
        var toURL = Url.Action("DownloadFile", "Home", new { ToFrom = "to", FileName = "{{toFileList[$index][0]}}"}); 
        toURL = HttpUtility.UrlDecode(toURL); 
    }
    <!-- 下载按钮保持不变 -->
    <a style="text-decoration: none;" data-ng-href="@toURL">
        <span class="glyphicon glyphicon-download-alt"></span>
    </a>
    <!-- 归档按钮改为ng-click传递参数 -->
    <a style="text-decoration: none;" ng-click="archiveFile('to', file[0])">
        <span class="glyphicon glyphicon-eye-open"></span>
    </a>
</div>

2. 在Angular控制器中添加归档方法，用$http发起请求

注入$http服务，创建处理归档的方法，请求后台接口并处理结果（比如成功后移除列表中的文件）：

// 假设你的控制器名称是FileListController
app.controller('FileListController', ['$scope', '$http', function($scope, $http) {
    // 你的toFileList数据初始化逻辑...

    $scope.archiveFile = function(toFrom, fileName) {
        // 用Url.Action生成后台接口的基础URL
        var apiUrl = '@Url.Action("ArchiveFile", "Home")';
        
        // 发起POST请求（比GET更安全，避免缓存和参数泄露）
        $http.post(apiUrl, { 
            ToFrom: toFrom, 
            FileName: fileName 
        })
        .then(function(response) {
            if (response.data.success) {
                // 成功后，从动态列表中移除已归档的文件
                var fileIndex = $scope.toFileList.findIndex(function(item) {
                    return item[0] === fileName;
                });
                if (fileIndex !== -1) {
                    $scope.toFileList.splice(fileIndex, 1);
                }
                // 可选：提示用户归档成功
                alert('文件已成功归档');
            } else {
                alert('归档失败：' + response.data.message);
            }
        }, function(error) {
            console.error('请求出错:', error);
            alert('网络或服务器错误，请重试');
        });
    };
}]);

3. 优化后台C#方法，返回JsonResult而非void

把void改为JsonResult，这样可以返回执行状态，方便前端处理成功/失败逻辑，同时添加异常处理和文件存在性检查：

[HttpPost] // 必须添加HttpPost特性，对应前端的POST请求
public JsonResult ArchiveFile(string ToFrom, string FileName)
{
    try
    {
        // 用Path.Combine拼接路径更安全，避免字符串拼接的错误
        string sourcePath = Path.Combine(BaseFolder, client, ToFrom, FileName);
        string destPath = Path.Combine(BaseFolder, client, ToFrom, "Archive", FileName);

        // 检查源文件是否存在
        if (!System.IO.File.Exists(sourcePath))
        {
            return Json(new { success = false, message = "待归档文件不存在" });
        }

        // 如果目标路径存在同名文件，先删除（或根据需求重命名）
        if (System.IO.File.Exists(destPath))
        {
            System.IO.File.Delete(destPath);
        }

        // 执行文件移动
        System.IO.File.Move(sourcePath, destPath);
        return Json(new { success = true, message = "归档成功" });
    }
    catch (Exception ex)
    {
        // 这里可以添加日志记录逻辑
        return Json(new { success = false, message = $"归档失败：{ex.Message}" });
    }
}

为什么之前的jQuery方法失效？ #

因为ng-repeat是动态渲染DOM元素的，当你用jQuery直接绑定点击事件时，那些归档按钮还没有被Angular渲染到页面上，导致事件无法绑定。如果一定要用jQuery，需要用事件委托的方式（比如绑定到document或父容器），但在Angular项目中，优先使用Angular原生的指令和服务会更符合框架规范，避免出现兼容性问题。

内容的提问来源于stack exchange，提问作者Vereonix