Fatal编程技术网

node.js+；加扰输出

node.js

node.js+；加扰输出,node.js,flatiron.js,Node.js,Flatiron.js,我正在使用node.js和flatiron plates进行模板制作，并且在使用数组进行数据处理时遇到了混乱输出的问题 我想将数组绑定到ID为“list”的列表项 JS: HTML: 更换 你好，世界 单击下面的按钮 回去 我希望输出如下所示，其中仅重复列表项： <body> <ul> <li id="list">Alpha</li> <li id="list">Bravo</li> &l

我正在使用node.js和flatiron plates进行模板制作，并且在使用数组进行数据处理时遇到了混乱输出的问题

我想将数组绑定到ID为“list”的列表项

JS:

HTML:



    
更换


你好，世界
单击下面的按钮

回去
我希望输出如下所示，其中仅重复列表项：

<body>
  <ul>
    <li id="list">Alpha</li>
    <li id="list">Bravo</li>
    <li id="list">Charlie</li>
    <li id="list">Delta</li>
  </ul>
  <div>
    <h3>Hello World</h3>
    <p>Click the following button.</p>
    <span>Go Back</span>
  </div>
</body>
</html>



    
阿尔法
太棒了
查理
Delta


你好，世界
单击下面的按钮

回去
然而，我得到了这种奇怪的输出，无法理解原因可能是什么：

<html>
<body>
  <ul>
    <li id="list">Alpha</li>
  </ul>
  <div>
    <h3>Hello World</h3>
    <p>Clic<li id="list">Bravo</li>
  </ul>
  <div>
    <h3>Hello World</h3>
    <p>Clic<li id="list">Charlie</li>
  </ul>
  <div>
    <h3>Hello World</h3>
    <p>Clic<li id="list">Delta</li>
  </ul>
  <div>
    <h3>Hello World</h3>
    <p>Clic
  </ul>
  <div>
    <h3>Hello World</h3>
    <p>Click the following button.</p>
    <span>Go Back</span>
  </div>
</body>
</html>



    
阿尔法


你好，世界
Clic
  • 太棒了
    • 

你好，世界
Clic
  • Charlie
    • 

你好，世界
Clic
  • Delta
    • 

你好，世界
Clic

你好，世界
单击下面的按钮
    
回去
    有什么想法吗

    （另外，我知道HTML不允许重复ID，这只是一个示例，不是问题所在）

    更新信息

    我成功地运行了pksankara指出的测试，但是如果我修改测试以使用我的标记，我会失败：

    修改的test-16.html：

    <ul>
<li class="components"></li>
</ul>
<div>
<h3>Hello World</h3>
<p>Click the following button.</p>
<span>Go Back</span>
</div>

      

    • 

    
你好，世界
单击下面的按钮
    
回去
    输出：

    <ul>
<li class="components">Union</li>
</ul>
<div>
<h3>Hello World</h3>
<p>Clic<li class="components">Director</li>
</ul>
<div>
<h3>Hello World</h3>
<p>Clic<li class="components">Broadway</li>
</ul>
<div>
<h3>Hello World</h3>
<p>Clic<li class="components">Plates</li>
</ul>
<div>
<h3>Hello World</h3>
<p>Clic<li class="components">Resourceful</li>
</ul>
<div>
<h3>Hello World</h3>
<p>Clic
</ul>
<div>
<h3>Hello World</h3>
<p>Click the following button.</p>
<span>Go Back</span>
</div>

      

    • 接头
      • 

    
你好，世界
Clic
  • 主管
    • 

你好，世界
Clic
  • 

你好，世界
Clic
  • 板
    • 

你好，世界
Clic
  • 足智多谋
    • 

你好，世界
Clic

你好，世界
单击下面的按钮
    
回去
    以下是一个如何从板材存储库执行此操作的示例

    • 板材绑定：
    • JSON:
    • HTML:
    • 输出：
    我希望你能模仿它

    （EDIT：唯一的错误是）

    未修改的测试运行良好，但如果我更改测试HTML以匹配我的HTML，测试结果也会出现相同的问题。请参阅上面编辑的描述。啊，这是我们目前正在处理的盘子中的一个bug，很快就会修好的。 
    <ul>
<li class="components"></li>
</ul>
<div>
<h3>Hello World</h3>
<p>Click the following button.</p>
<span>Go Back</span>
</div>

    <ul>
<li class="components">Union</li>
</ul>
<div>
<h3>Hello World</h3>
<p>Clic<li class="components">Director</li>
</ul>
<div>
<h3>Hello World</h3>
<p>Clic<li class="components">Broadway</li>
</ul>
<div>
<h3>Hello World</h3>
<p>Clic<li class="components">Plates</li>
</ul>
<div>
<h3>Hello World</h3>
<p>Clic<li class="components">Resourceful</li>
</ul>
<div>
<h3>Hello World</h3>
<p>Clic
</ul>
<div>
<h3>Hello World</h3>
<p>Click the following button.</p>
<span>Go Back</span>
</div>