如何使用angularjs工廠？

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

如果僅復制布爾值，則不能。 布爾值是按值復制的，因此您不會獲得基於引用的更新。

您可以考慮使用帶有布爾值的對象：

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