javascript - 如何使用 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