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

如果你只是在复制一个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。