我如何解决这个Javascript变量参考混乱

时间:2014-02-13 16:29:10

标签: javascript angularjs coffeescript

所以,这就是我遇到的问题:

app.controller 'MainCtrl', ($scope, TestData) ->
  $scope.name = 'World'
  TestData.get(0).then (data)->
    $scope.elem = data  
  TestData.get(1).then (data)->
    $scope.elem2 = data

  $scope.callFunc = ->
    TestData.modify1()
    TestData.modify2()

app.factory 'TestData', ($q,$timeout)->

  data = [{
    name: "TestData #1"
    id: 1
  },{
    name: "TestData #2"
    id: 2
  }]


  funcs = {}

  funcs.get = (id)->
    deferred = $q.defer()
    $timeout(->
      deferred.resolve(data[id])  
    ,500)
    return deferred.promise

  funcs.modify1 = ->
    data[0].name = "DataTest #1"

  funcs.modify2 = ->
    data[1] = {
      name: "DataTest #2"
      id
    }

  return funcs

我不知道如何解决这个问题,但我想更新数组中的元素。我知道更换它是行不通的。但是我该如何解决这个问题呢?

如果它只是名称/ ID,那就没问题了。但实际模型有很多不同的数据,我不想单独更新它们。

这是一个展示问题的plnkr(如果它有帮助):http://plnkr.co/edit/cBXJsIghlIeIUQGLfZfe?p=info

(我确实理解为什么它不起作用的理论,我主要是寻找解决这个问题的最有效方法。)

1 个答案:

答案 0 :(得分:1)

要将对象in的所有属性复制到对象out,您可以执行以下操作:

for k of in
  out[k] = in[k]

我不确定你到底在做什么(不太熟悉Angular),但你可能会在这里得到一些想法:http://plnkr.co/edit/LKb6NQ4u0dORLya42LED

$scope.callFunc = ->
  TestData.modify $scope.elem, 0
  TestData.modifyAlt $scope.elem2, 1

...


funcs.modify = (incoming,i)->
  console.log "incoming:",incoming
  for k of incoming
    data[i][k] = incoming[k]

funcs.modifyAlt = (outgoing,i)->
  console.log "data[i]:",data[i]
  for k of data[i]
    outgoing[k] = data[i][k]