2014-02-13 18 views
0

所以,这里是我有问题:如何解决这个JavaScript变量引用乱七八糟

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

如何使用angular.extend覆盖旧对象中的属性? http://plnkr.co/edit/SZa4KUMp7MtG3FxNaoVY –

回答

1

为对象in的所有属性复制到目标out,你可以这样做:

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

我不知道究竟你在做什么(不是太熟悉角),但你可能GE这里有一些想法: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] 
+0

数据来自我的服务器API。如果它在服务器上发生变化,我会告诉客户端重新加载它,然后它会断开参考。我试图避免这种情况,因为它使我的实现过于复杂。 – Neikos

相关问题