在 Angular 应用程序之外分配范围对象

Question

我正在编写一个小型 Angular 应用程序，它依赖于应用程序外部定义的一些常用函数来跨不同控制器执行任务。在我的一个控制器中，范围对象是在加载控制器时声明的。我希望稍后能够在我的一个辅助函数中分配它，但分配不起作用。

以下是相关代码：

.controller('myCtrl', function($scope, myFactory){

    $scope.myObj;

    $scope.saveEntry = function() {
        myFactory.saveEntry($scope.obj);
      formatSingleTableEntry($scope.obj, $scope.myObj);
      $scope.obj = {};
    }

  });

  // Entry Formatter
  function formatSingleTableEntry(entry, scopeObject) {
      if (typeof scopeObject === 'undefined') {
        scopeObject = [];
      }
      if (typeof entry.obsDt === 'string') {
          entry.obsDt = dateFormat(entry.obsDt);
      }
      scopeObject.push(entry);
    }

    // Date Formatter
    function dateFormat(date) {
      date = date.split('');
      date[10] = 'T';
      date = date.join('');
      return Date.parse(date);
    }

如果我在控制器中将作用域对象分配为空数组，一切正常，但在此配置中没有分配。我可以检查该分配是否实际发生在辅助函数中，但是当我签入控制器时它没有。

为什么？

Answer 1

一个主要问题是未定义的$scope.myObj; 是一个原语。当你将它作为参数传递给函数时，没有对原始变量的引用

var foo;

function test(myVar){
    myVar = 'Some string';
    //   myVar != foo
}

test(foo);
console.log(foo)// undefined

如果原始变量是一个数组或对象，您将 reference 传递给该数组或对象，从而可以对其进行操作。

简而言之，只需声明 $scope.myObj =[]; 并且不要重新分配它并破坏任何创建的引用