淘汰组件不更新DOM

Question

我正在研究一个带引导选项卡的简单示例，其中第一个选项卡将保存所有工作站的摘要，单击工作站将打开一个新选项卡并显示knockout-component。它正在渲染模板并呈现初始数据（Hello World），但不是在.getJSON之后，我可以通过console.log看到服务器响应，由于某种原因，淘汰不是更新DOM。

ko.components.register('tab-details', {
    template: '<span data-bind="text: brief"></span>',
    viewModel: function (params) {
        var self = this;
        self.brief = ko.observable('Hello World');
        console.log(ko.toJSON(this.stations));
        var url = "http://localhost:3000/stationapi?id=" + params.id;
        $.getJSON(url, function (data) {
            self.brief = data.stations.content.brief;
        }); 
    } 
});
ko.applyBindings();


ul.nav.nav-tabs(id="tabs")
    li.active
        a(href='#tab2', data-toggle='tab') Map
        span x                      
.tab-content
    #tab2.tab-pane.active                           
        tab-details(params = "id: '542e3206647fcbc00fa327c9'")