AngularJS调用服务期间ng-class动态切换CSS样式不生效问题

你的定位完全准确，问题出在同步执行逻辑和AngularJS渲染机制的冲突上：

• usuarioService.buscarUsuario()是异步Promise请求，你把activeload1 = false的重置逻辑写在了Promise发起后的同步代码位置，等于刚把加载标记设为true，同步线程立刻就把它改回了false
• AngularJS的脏检查、视图更新逻辑只会在当前同步执行栈完全清空后才会运行，等它要更新视图的时候，读到的activeload1已经是false，自然不会追加loading1类
• 之前构造异常场景时加载状态能卡住，是因为异常抛出打断了同步执行流，没跑到后面重置状态的代码，标记停在true才被渲染到页面上

你写的HTML、CSS绑定和样式逻辑完全没有问题，只需要调整JS里的状态重置时机：把关闭加载状态的逻辑全部移到Promise的回调链里，用finally保证无论请求成功、失败都能正常重置状态，避免加载动画卡住。
修正后的JS函数代码：

this.buscar = function(){            
    this.activeload1 = true;
    if (this.busqueda){
        this.usuarioService.buscarUsuario(this.busqueda,this.userSession)
        .then((usuariosE) => {
            console.log("SUCCESS");
            // 这里写请求成功后的业务逻辑
        })
        .catch((err) => {
            // 这里写请求失败后的异常处理逻辑
            console.error("请求异常", err);
        })
        .finally(() => {
            // 请求结束后统一关闭加载状态
            this.activeload1 = false;
        });
    }else{
        this.activeload1 = false;
        this.searchError = true;
    }
};

逻辑说明 #

• 调整后同步执行阶段只会执行「设置加载标记为true -> 发起异步请求」两个操作，同步栈清空后AngularJS能检测到activeload1为true，正常渲染加载样式
• 等异步请求返回（无论成功/失败）才会触发finally里的状态重置，AngularJS检测到标记变为false后自动移除loading1类，恢复原有样式
• 如果遇到回调内this指向异常的问题，可以在函数开头加一行const ctrl = this;，后续回调里统一用ctrl.activeload1调用即可，避免上下文丢失问题。

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