javascript - 如何使用angularjs工厂？

   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相同的值？

最佳答案

如果仅复制布尔值，则不能。布尔值是按值复制的，因此您不会获得基于引用的更新。

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

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

关于javascript - 如何使用angularjs工厂？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/19498470/