knockout.js - 淘汰组件不更新 DOM

Question

我正在研究一个带有引导选项卡的简单示例，其中第一个选项卡将包含所有站的摘要，单击站将打开一个新选项卡并显示淘汰赛组件。它正在渲染模板并渲染初始数据（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'")