Question

条件评论在Ractive中不起作用，我到目前为止尝试了这些：

1）模板：

<li class="header-link">
  <!--[if !IE]><a href="{{url}}">BROWSE</a><![endif]-->
  <!--[if IE]><a href="{{url}}">BROWSE</a><![endif]-->
</li>

输出：

<li class="header-link"> </li>

2）模板：

<li class="header-link">
  {{{ifnotie}}}<a href="{{url}}">BROWSE</a>{{{ifend}}}
  {{{ifie}}}<a href="{{url}}">BROWSE</a>{{{ifend}}}
</li> 


data: { 
      ifie: '<!--[if IE]>',
    ifnotie: '<!--[if !IE]>', 
    ifend: '<![endif]-->',
    url: 'www.google.com'
    }

输出：

<li class="header-link">
<!--[if !IE]>--><a href="www.google.com">BROWSE</a><!--[endif]----> 
<!--[if IE]>--><a href="www.google.com">BROWSE</a><!--[endif]---->
</li>

当我将评论放入数据时，Ractive会修改评论，以便他们不再工作。

<!--[if IE]> ====> <!--[if !IE]>-->

我想知道是否有任何解决方法

Answer 1

对于对此解决方案感兴趣的任何人，我最终都会替换{{{ifnotie}}} {{{ifend}}} 使用正则表达式条件（{{ifnotie}} {{/ ifnotie}}）并根据Github中的建议将环境特定数据提供给Ractive。

https://github.com/ractivejs/ractive/issues/3103

Ractive小胡子模板中的条件注释

1 个答案: