微風1-m-1在HotTowel Angular中具有本地存儲

Question

我最近有一個需求，要求實現一個用於管理多對多關系的UI。 沃德·貝爾（Ward Bell）友善地提供了這個小家伙，展示了如何在Angular和Breeze中使用1-m-1來實現。

我的應用程序的設計主要基於John Papa最近的Pluralsight課程（尤其是數據上下文和本地存儲）。

在我的應用中，BusUnit = Hero，Dimension = Power（參考Ward的示例）。

當我強制應用從服務器獲取數據時，一切似乎都運行良好，因為我對業務部門尺寸的更新正確反映了。 我現在面臨的問題是當我離開頁面並再次返回（從本地存儲獲取數據）時。 在這種情況下：

• 如果我以前向業務部門添加了新的維度，一切都很好，但是
• 如果我先前將業務部門的維度標記為要刪除和保存，則該業務部門的維度仍會出現。

這是最初獲取業務部門及其規模的控制器代碼：

function getdboardStructure() {
        var busUnitsPromise = datacontextSvc.busUnits.getByDboardConfigId(vm.dboardConfig.id);
        var dimensionsPromise = datacontextSvc.dimensions.getByDboardConfigId(vm.dboardConfig.id);

        $q.all([busUnitsPromise, dimensionsPromise])
            .then(function (values) {
                vm.busUnits = values[0];
                vm.dims = values[1];
                createBusUnitVms();
                //vm.currentBusUnitVm = vm.busUnitVms[0]; // not required as using accordion instead of drop-down
                vm.hasChanges = false;
            });
    }

這是控制器中准備保存的代碼：

function applyBusUnitDimensionSelections(busUnitVm) {
        var busUnit = busUnitVm.busUnit;
        var mapVms = busUnitVm.dimensionMapVms;
        var dimensionHash = createBusUnitDimensionHash(busUnit);

        mapVms.forEach(function (mapVm) {
            var map = dimensionHash[mapVm.dimension.id];

            if (mapVm.selected) {
                if (!map) {
                    datacontextSvc.busUnits.addBusUnitDimension(busUnit, mapVm.dimension)
                    .then(function () {
                    });
                }
            } else {
                if (map) {
                    datacontextSvc.markDeleted(map);
                }
            }
        });
    }

這是執行保存的控制器中的代碼：

function save() {
        if (!canSave()) {
            return $q.when(null);
        }

        vm.isSaving = true;
        vm.busUnitVms.forEach(applyBusUnitDimensionSelections);
        return datacontextSvc.save().then(function (saveResult) {
            vm.isSaving = false;
            trapSavedDboardConfigId(saveResult); // not relevant to use case
        }, function (error) {
            vm.isSaving = false;
        });
    }

這是我的存儲庫中添加新的busUnitDimension實體的代碼：

function addBusUnitDimension(busUnit, dimension) {
        var newBusUnitDimension = this.em.createEntity(busUnitDimension);
        newBusUnitDimension.busUnitId = busUnit.id;
        newBusUnitDimension.dimensionId = dimension.id;
        return this.$q.when(newBusUnitDimension);
    }

這是我的數據上下文代碼，用於標記項目已刪除：

function markDeleted(entity) {
        return entity.entityAspect.setDeleted();
    } 

最后，這是獲取業務部門及其聯接表實體的存儲庫代碼：

function getByDboardConfigId(dboardConfigId, forceRefresh) {
        var self = this;
        var predicate = pred.create('dboardConfigId', '==', dboardConfigId);
        var busUnits;

        if (self.zStorage.areItemsLoaded('busUnits') && !forceRefresh) {
            busUnits = self._getAllLocal(entityName, orderBy, predicate);
            return self.$q.when(busUnits);
        }

        return eq.from('BusUnits')
            .expand('BusUnitDimensions')
            .where(predicate)
            .orderBy(orderBy)
            .using(self.em).execute()
            .to$q(succeeded, self._failed);

        function succeeded(data) {
            busUnits = data.results;
            self.zStorage.areItemsLoaded('busUnits', true);

            self.zStorage.save();
            //self.logSuccess('Retrieved ' + busUnits.length + ' business units from server', busUnits.length, true);
            return busUnits;
        }
    }

我與John的課程示例的不同之處在於，我正在使用在我用於從服務器獲取業務單位的功能中使用expand，並且我的假設是，這與每次刷新服務器時都會向服務器發送微風有關頁面（不清除緩存），這也與我離開並返回頁面時收到的錯誤有關。

誰能提供和建議？

Answer 1

意識到這是很久以前的事了，您可能已經解決了或者繼續前進，但是最近我遇到了同樣的問題，這使我花了很長時間來解決。 我發現的答案是，您必須編輯JP的angular.breeze.storagewip.js文件。 我包含硬編碼到文件中的實體名稱，您將需要更改它們以匹配您自己的實體。

您需要執行兩個功能，以下示例顯示了我正在使用的四個實體的更改：

function zStorageCore($rootScope, zStorageConfig) {
    var storeConfig = zStorageConfig.config;
    var storeMeta = {
        breezeVersion: breeze.version,
        appVersion: storeConfig.version,
        isLoaded: {
          elementAssets : false,
          surveyors : false,
          elements : false,
          assets : false
        }
    };

和...

    function checkStoreImportVersionAndParseData(importedData) {
        if (!importedData) {
            return importedData;
        }
        try {
            var data = JSON.parse(importedData);
            var importMeta = data[0];
            if (importMeta.breezeVersion === storeMeta.breezeVersion &&
                importMeta.appVersion === storeMeta.appVersion) {
              if (importMeta.isLoaded) {
                storeMeta.isLoaded.assets = storeMeta.isLoaded.assets || importMeta.isLoaded.assets;
                storeMeta.isLoaded.elements = storeMeta.isLoaded.elements || importMeta.isLoaded.elements;
                storeMeta.isLoaded.surveyors = storeMeta.isLoaded.surveyors || importMeta.isLoaded.surveyors;
                storeMeta.isLoaded.elementAssets = storeMeta.isLoaded.elementAssets || importMeta.isLoaded.elementAssets;
              }
                return data[1];
            } else {
                _broadcast(storeConfig.events.error,
                    'Did not load from storage because mismatched versions',
                    { current: storeMeta, storage: importMeta });
            }
        } catch (ex) {
            _broadcast(storeConfig.events.error, 'Exception during load from storage: ' + ex.message, ex);
        }
        return null; // failed
    }

我通過將JP的“風格指南”課程文件與他的SPA / Angular / Breeze課程進行比較來解決此問題。