Question

   var myappWebApp = angular.module('myappWebApp', ['ui.bootstrap']);

//工厂

myappWebApp.factory('wired', function () {

    this.currOp = false;

    return {
        currOp1 : this.currOp
    }
});

   // controller

myappWebApp.controller('wiredCtrl',
    function ($scope, $http, wired) {

        //data
        $scope.currOp = wired.currOp;//why is this undefined?
        $scope.currOpInText = wired.currOpInText();
        $scope.altOpInText = null;
        $scope.boxA = null;
....

我的scope.currOp应该如何自动具有与wired.currOp相同的值？

Answer 1

如果你只是复制一个bool，你就不能。布尔值是按值复制的，因此您不会获得基于参考的更新。

您可以考虑使用具有布尔值的对象：

myappWebApp.factory('wired', function () {

    this.state = { curOp: false };

    return {
        state: this.state
    }
});

然后，当您在范围中引用它时，您可以这样做：

myappWebApp.controller('wiredCtrl',
    function ($scope, $http, wired) {

    $scope.opState = wired.state;
});

现在当curOp发生变化时，控制器将进行更改。您可以留意更改：

$scope.$watch("opState.curOp", function(newVal, oldVal) {
    // Handle changes in curOp
});

或者你可以绑定它：

CurOp: {{state.currOp}}

注意：你问：“为什么这个未定义？”答案是因为您的服务正在公开currOp1，但您引用的是currOp

如何使用angularjs工厂？

1 个答案: