无效循环条件不适用于环聊按钮

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，则会显示环聊按钮，在其他情况下，我会显示常规锚点。如果我在尚未指定HangoutUrl的情况下加载页面，然后我设置HangoutUrl值（没有页面重新加载），这就是我所看到的：

因此，我没有只显示锚点，而是获得了它们。我想这是由Hangout按钮产生的丑陋html引起的。

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

Answer 1

通过使用div：

包装环聊按钮来解决此问题

{{#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中的一个错误？