ractivejs - 活跃条件不适用于环聊按钮

Question

我有一个适用于 HangoutButton 的模板：

    <div id="templateContainer" class="row">
        <script id='template' type='text/ractive'>
            {{#if HangoutUrl === null}}
            <g:hangout render="createhangout">
            </g:hangout>
            {{else}}
            <a id="hangoutUrl" href="{{HangoutUrl}}" class="btn btn-primary">Go to Hangout</a>
            {{/if}}
        </script>
    </div>

如果未指定 HangoutUrl，我会显示一个 Hangout 按钮，在其他情况下，我会显示一个通常的锚点。如果我在尚未指定 HangoutUrl 时加载页面，然后设置 HangoutUrl 值（无需重新加载页面），我会看到：

因此，我没有只显示锚点，而是得到了它们。我猜这是由环聊按钮生成的丑陋 html 引起的。

如果指定了 HangoutUrl，我该怎么做才能删除环聊按钮？

Answer 1

通过用 div 包裹 Hangout Button 来修复它：

{{#if HangoutUrl === null}}
     <div>
            <g:hangout render="createhangout" lang="en-US" initial_apps="[{ app_id : '115733298764', start_data : '@Model.Id', 'app_type' : 'LOCAL_APP' }]">
            </g:hangout>
     </div>
{{else}}

我仍然不确定为什么它会这样工作。可能是 Ractive 中的一个错误？