ng-click触发Web API无响应，API外部测试正常求助

看起来你遇到的问题主要集中在API调用语法、控制器实例隔离这几个关键点上，咱们一步步拆解解决：

1. 替换已弃用的$http.success()语法 #

AngularJS从1.6版本开始就弃用了.success()和.error()方法，这类旧方法不会像标准Promise的.then()/.catch()那样正确处理回调逻辑，这很可能是你看不到API响应的核心原因之一。

把你的点击函数修改为以下代码，同时添加日志便于排查问题：

$scope.click = function (btnval) {
    debugger;
    // 注意：这里应该用传入的btnval，而非硬编码的"Laptop"，否则点击不同按钮不会有差异化结果
    $http.get('http://localhost/Publish/ProductSubCategory/GET?pdnm=' + btnval)
        .then(function (response) {
            $scope.inp = response.data;
            console.log("API返回的数据：", response.data); // 打印数据确认返回内容
        })
        .catch(function (error) {
            console.error("API调用失败详情：", error); // 打印错误信息，快速定位问题
        });
};

2. 解决控制器实例独立导致的数据不共享问题 #

你在多个DOM元素上重复绑定了mycontroller，每个ng-controller指令都会创建一个独立的控制器实例。这意味着：

• 点击按钮时，当前按钮所在的控制器实例更新了$scope.inp
• 但其他显示inp数据的表格属于另一个控制器实例，它们的$scope.inp根本不会同步更新

解决方法是把所有相关DOM元素包裹在同一个控制器作用域下，让所有元素共享同一个$scope：

<body ng-app="mymodule">
    <!-- 用一个div包裹所有需要共享数据的元素，仅绑定一次控制器 -->
    <div ng-controller="mycontroller">
        <label>Search:</label><input type="text" placeholder="Search Here" ng-model="search" />
        
        <table class="table table-bordered">
            <tr ng-repeat="resp in inp">
                <td></td>
            </tr>
        </table>
        
        <table class="table table-bordered">
            <tr ng-repeat="resp in res | filter :search" >
                <td colspan="1">
                    <input type="button" class="btn btn-danger" value="{{resp.ct_nm}}" ng-click="click(resp.ct_nm);" />
                </td>
            </tr>
        </table>
        
        <span ng-repeat="resp in res">
            <button ng-click="click(resp.ct_nm);">{{resp.ct_nm}}</button>
        </span>
        
        <table class="table table-bordered">
            <tr ng-repeat="resp in inp">
                <td colspan="1">{{resp.sbct_nm}}</td>
            </tr>
        </table>
    </div>
</body>

3. 额外排查项 #

• API响应格式：确保后端返回的是标准JSON格式，如果返回HTML或非JSON文本，AngularJS会解析失败，此时.catch回调会捕获到错误。
• 参数传递正确性：确认修改后的btnval参数能正确传递到API，避免因参数错误导致接口无有效返回。
• 控制台错误日志：打开Chrome开发者工具的Console面板，查看是否存在CORS跨域错误、HTTP状态码错误（如404/500）或语法错误。

按照上述步骤调整后，应该就能正常获取API响应并更新页面数据了。

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