與Knockout.js一起使用sammy.js來顯示url中的單個項目

Question

我想完成類似於在官方knockoutjs教程的「單個頁面應用程序」部分所做的一些工作，其中我有多個工作視圖然後添加sammy以使其可以在Url上運行。 在我的示例中，單擊名稱用單項詳細視圖取代了列表視圖。

這裏是我的jsfiddle：http://jsfiddle.net/of73rdxa/2/ 如果您取消註釋行104：

//self.chosenFriend(friend); 

你可以看到我怎麼過這個工作之前，我試圖引進薩米和網址，通過具有IDS。不幸的是，這不再是我所需要的，因爲我現在想從url中獲取結果，而不是點擊事件。

註釋掉行112：

//{ name: 'fred', age: '12' } 

顯示，將工作的格式的靜態實例。不幸的是，我的getFriend方法沒有以正確的格式返回數據來完成這項工作。

Answer 1

問題是，getFriend().name之類不會評估任何事情，因爲getFriend()現在沒有回報，並且無法同步返回異步ajax調用的結果。

相反，你可以通過getFriend（）回調所以它的範圍爲Ajax成功功能，like so (jsfiddle)：

self.getFriend = function(id, cb){ 
var getString = 'http://rest.learncode.academy/api/johnbob/friends/' + id; 

$.ajax({ 
    type: 'GET', 
    url: getString, 
    success: function(data) { 
    console.log("from getFriend", data); //returns friend id#1 
    console.dir(data); 
    cb(data); 
    } 
}); 
... 
Sammy(function() { 
    this.get('#:friendId', function() { 
     self.getFriend(this.params.friendId, self.chosenFriend); 
    }); 
}).run();