javascript - 从html返回值的angularjs调用函数

Question

我是 AngularJS 的新手。

我想从 html 中调用一个函数。

<td>
    {{getComponentSubtype(component.ID)}}
</td>

但是，该函数调用了一个 webapi 并等待回调。我如何让数据显示在 html 中？

function getComponentSubtype(componentId) {
    apiService.get('/api/components/' + componentId + '/componentSubtype', config,
        getComponentSubtypeCompleted,
        getComponentSubtypeFailed);
}

function getComponentSubtypeCompleted(result) {
    $scope.ComponentSubtype = result.data;
    //////I WANT TO RETURN $scope.ComponentSubtype.Name//////
}

Answer 1

从 HTML 调用函数，一旦收到回调，将其值存储在 JSON 对象中，该对象可以用 HTML 打印。同时在 UI 中显示加载消息

HTML:

{{ getComponentSubtype(component.ID) }}

<td ng-if="componentsSubType[component.ID] != null">
    {{ componentsSubType[component.ID] }}
</td>
<td ng-if="componentsSubType[component.ID] == null">Loading Component ...</td>

Controller :

function getComponentSubtype(componentId) {
    apiService.get('/api/components/' + componentId + '/componentSubtype', config,
    function(result) {
        if ($scope.componentsSubType == null) {
            $scope.componentsSubType = {};
        }

        $scope.componentsSubType[componentId] = result;
    },
    function() {
        if ($scope.componentsSubType == null) {
            $scope.componentsSubType = {};
        }

        $scope.componentsSubType[componentId] = "Load Failed";
    });
}

注意:我假设在 HTML 中您从循环 (ng-repeat) 中获取 component