Angular应用程序中非常奇怪的错误

Question

我有一个SQL Server数据库和一个用于我的Web服务的Asp.net web api。

我在UI下面添加了一个类别

我在UI下方添加了该类别的费用

登录应用程序后。

分类

我正在创建一个正在创建的类别，并且在数据库中有一条记录。刷新页面会显示类别。注销并再次登录后，此处不会显示该类别。

费用：

当我创建新费用时，根本不会显示。但是创建的类别将被带入下拉列表但不会显示在上面的屏幕截图中。

代码如下

插入我的费用

$scope.insertExpense = function () {
                    var ExpenseObj = {
                        "AmountSpent": $scope.amountspent,
                        "DateofExpense": $scope.datevalue,
                        "UserID": $rootScope.id,
                        "CategoryID": $scope.selectedcategory.Id
                    };
                    appResources.expenseResource.save(ExpenseObj, function () {
                        alert("Expense Added");
                    });
                }

我使用

检索我的类别

appResources.categoryResource.query(function (data) {
            $scope.Categories = data;
            console.log(data);
        });

我使用

检索我的类别

appResources.expenseResource.query(function (data) {
                    $scope.Expenses = data;
                    console.log(data);
                });

AppResources只有webapi调用机制

expenseManager.factory('appResources', function ($resource) {
        var baseURL = "http://localhost:8080"
        var registerResource = $resource(baseURL+'/api/Register/:id');
        var categoryResource = $resource(baseURL + '/api/Category/:id');
        var expenseResource = $resource(baseURL + '/api/Expense/:id');
        return {
            registerResource: registerResource,
            categoryResource: categoryResource,
            expenseResource: expenseResource
        }
    });