2016-09-25 114 views
0

我有2个变量声明为mtn和atn,它们的值将根据API ajax响应填充。设置值前后访问可观察变量不起作用

现在,我分配mtn和atn变量与从API响应返回的值,在我的情况下,因为mtn将作为null而atn有一个10位数字。因此,我将atn1,atn2,atn3分配给atn的子字符串,而mtn1,mtn2和mtn3未触及,因为您可以从代码片段的下面看到。

var ViewModel = { 
mtn: null, 
atn: null, 
mtn1: ko.observable(null), 
mtn2: ko.observable(null), 
mtn3: ko.observable(null), 
atn1: ko.observable(null), 
atn2: ko.observable(null), 
atn3: ko.observable(null) 
} 
// Ajax API call happens and assigns ViewModel.mtn and ViewModel.atn 
if (ViewModel.mtn != null && ViewModel.mtn.length == 10) { //This condition is not true because ViewModel.mtn is coming as null in case and so mtn1, mtn2 and mtn3 observables are untouched 
ViewModel.mtn1 = ViewModel.mtn.substring(0, 3); 
ViewModel.mtn2 = ViewModel.mtn.substring(3, 6); 
ViewModel.mtn3 = ViewModel.mtn.substring(6, 10); 
} 
if (ViewModel.atn != null && ViewModel.atn.length == 10) { 
ViewModel.atn1 = ViewModel.atn.substring(0, 3); 
ViewModel.atn2 = ViewModel.atn.substring(3, 6); 
ViewModel.atn3 = ViewModel.atn.substring(6, 10); 
} 
ko.applyBindings(ViewModel); 

// Click event happens from View and Business logic UI validations take place below 
processClick: function() { 
    .var strmtn = ViewModel.mtn1 + ViewModel.mtn2 + ViewModel.mtn3; // This is not working and throwing error and only ViewModel.mtn1() is working 
     var stratn = ViewModel.atn1 + ViewModel.atn2 + ViewModel.atn3; // This is working fine but ViewModel.atn1() is not working. 

我相信访问ATN1作为ViewModel.atn1工作,而访问MTN1为ViewModel.mtn1不工作的方法,该方法的原因是因为可观察到的重新分配为ATN1的,而MTN1没有被触及。

那么我怎么知道哪个访问方法调用可观测值,因为我不知道我的可观测值是否被触动? :(

PS:这个问题是在我使用我刚才添加2.x的版本,以及淘汰赛3.x版存在的

+1

那是你没怎么设置或获取可观察到的值。行'ViewModel.mtn1 = ViewModel.mtn.substring后( 0,3)','mtn1'不再是一个可观察的,这是一个普通的字符串。 – DCoder

回答

1

可观察到的是一个getter,setter函数来设置其内容。 ,你做

ViewModel.mtn1(ViewModel.mtn.substring(0, 3)); 

要得到它的内容,你做

value = ViewModel.mtn1();