0

我正在使用服务在控制器之间共享数据。在第一个控制器中，我调用这样的函数：

muscleGroupService.setState(true);

这是服务中的功能代码：

  var state;

  function setState(x) {
        state = x;
    }

x 变为真，但由于某种原因 state 没有变为真，它保持未定义。

我怎样才能解决这个问题 ？

编辑

我相信我已经设法找到问题所在，但我不知道如何解决它。

在 Index.html 我有这行代码：

<div class="modal fade" ng-include src="'/Content/Templates/Modals/Admin/ModalMuscleGroup.html'"  id="addModal"> </div>

一旦我进入页面 ng-include 包括 ModalMuscleGroup.html 和用于模态窗口的控制器。

当我做某事时，我会模态窗口控制器。像这样：

肌肉组服务.isItemBeingUpdated()

它返回未定义，因为我不看变量状态。

我相信这可以使用 $rootScope 和 $rootScope.$broadcast 和 $rootScope.$on 来解决。有没有其他方法不使用 $rootScope ？

编辑 2

这是代码：

Ctrl1 的一部分（应该将数据发送到服务）：

$scope.updateItem = function (item) {
    muscleGroupService.setState(true);
    muscleGroupService.setItemForUpdate(item);
};

服务的相关部分：

app.angularModule.service('muscleGroupService', function(breeze, logger) {


    breeze.config.initializeAdapterInstance("modelLibrary", "backingStore", true);

    var serviceName = "/breeze/MuscleGroup";

    var manager = new breeze.EntityManager(serviceName);

    manager.enableSaveQueuing(true);

    var removeItem = breeze.core.arrayRemoveItem;

    var items = [];
    var state;

    var itemBeingUpdated;


    return {

        setState: function(x) {
            state = x;
        },

        isItemBeingUpdated : function() {
            return state;
        },

        setItemForUpdate : function(item) {
             itemBeingUpdated = item;
        },

        getItemBeingUpdated : function() {
            return itemBeingUpdated;
        },

        updateItem : function() {
            if (itemBeingUpdated.entityAspect.entityState.isModified()) {
                saveChanges();
            }
        },

这是模态ctrl：

app.angularModule.controller('AdminMuscleGroupModalCtrl', function ($scope, breeze, muscleGroupService) {

    $scope.init = function () {
        if (muscleGroupService.isItemBeingUpdated() == true) {
            $scope.itemBeingUpdated = muscleGroupService.getItemBeingUpdated();  
            $scope.NewName = itemBeingUpdated.Name;
            $scope.NewDesc = itemBeingUpdated.Description;
        }
    };

    $scope.init();
});

这是 Ctrl1 的 html 的一部分：

    <tbody>
                        <tr data-ng-repeat="item in items">
                            <td>{{item.Name}}
                            </td>
                            <td>{{item.Description}}
                            </td>
                            <td> <button class="btn btn-primary" data-ng-click="updateItem(item)" data-toggle="modal" href="#addModal"><i class="glyphicon glyphicon-pencil"></i> Edit</button>
     </tr>
                    </tbody>

 <div class="modal fade" ng-include src="'/Content/Templates/Modals/Admin/ModalMuscleGroup.html'"  id="addModal"> </div>

和模态html：

<div class="modal-body">
            <form class="form-horizontal">
                <div class="form-group">
                    <label for="inputName" class="col-lg-2 control-label">Name</label>
                    <div class="col-lg-10">
                        <input type="text" class="form-control" data-ng-model="NewName" id="inputName" placeholder="Name">
                    </div>
                </div>
                <div class="form-group">
                    <label for="inputDesc" class="col-lg-2 control-label">Description</label>
                    <div class="col-lg-10">
                        <input type="text" class="form-control" data-ng-model="NewDesc" id="inputDesc" placeholder="Description">
                    </div>
                </div>
            </form>
        </div>
4

5 回答 5

4

尝试如下定义您的函数：

myApp.factory('myService', function(){
    var state;
    return {
        setState:function(x){
            state = x;
        }
    }
});
于 2013-08-07T19:06:46.457 回答
0

我已经设法解决了我的问题，这个答案有帮助：link

所以我做了这样的事情：

$scope.$watch( function() { return muscleGroupService.getAction(); }, function() {
        if (muscleGroupService.getAction() == "edit") {
            $scope.$watch(function () { return muscleGroupService.getItemForUpdate(); }, function () {
                $scope.action = "edit";
                $scope.ItemForUpdate = muscleGroupService.getItemForUpdate();
                $scope.NewName = $scope.ItemForUpdate.Name;
                $scope.NewDesc = $scope.ItemForUpdate.Description;
            });
        } else {
            $scope.action = "add";
            $scope.NewName = "";
            $scope.NewDesc = "";
        }
    });

不确定这是否是最佳做法，但它有效:)

于 2013-08-08T13:43:44.983 回答
0

你试过this.state = x吗？

于 2013-08-07T19:03:59.833 回答
0

尝试

this.state = null;
that = this;
function setState(x) {
    that.state = x;
}
于 2013-08-07T19:02:46.497 回答
0

Angular 中的服务本质上是构造函数，因此在您注入服务的幕后，您会得到以下调用的结果：

new serviceFnc();

Angular 只会运行一次（单例），然后在你注入服务的任何地方都给你那个对象

因此，对于您的示例，您可以执行以下操作：

myApp.service('muscleGroupService', function(){
//again this function will be newed once
var service = this;

//You dont even need a function just inject muscleGroupService in your controllers and set muscleGroupService.state = true || false
service.state = false;

});

有关服务/工厂的更多详细信息，请参阅此SO 帖子

于 2015-08-18T16:20:24.600 回答