我怎樣才能通過JS追加暴亂標記到根？

Question

我有以下代碼：

<my-tag> 

    <script> 
     var self = this; 
     riot.route('/test', function() { 
      self.root.innerHTML = '<some-riot-tag></some-riot-tag>'; 
      self.update(); 
     }); 
    </script> 
</my-tag> 

如果我添加它沒有JS，它的工作原理：

<my-tag> 
    <some-riot-tag></some-riot-tag> 
</my-tag> 

我怎樣才能讓使用javascript這項工作？標籤被添加到DOM;但是，它不會更新。

編輯：小小的變化。

Answer 1

我認爲你的解決方案的問題是Riot不會通過JavaScript解析插入的HTML作爲Riot標籤。不同的方法能更好地工作，例如：

<my-tag> 
    <some-riot-tag if="{ route == 'test' }" /> 
    <other-riot-tag if="{ route == 'bar' }" /> 

    <script> 
     var self = this; 
     riot.route('/test', function() { 
      self.route = 'foo'; 
      self.update(); 
     }); 
     riot.route('/bar', function() { 
      self.route = 'bar'; 
      self.update(); 
     }); 
    </script> 
</my-tag> 

另一種方法可以使用riot-tag屬性（我沒有測試過這一點，但它應該工作）：

<my-tag> 

    <div riot-tag="{ tagName }"></div> 

    <script> 
     var self = this; 
     riot.route('/test', function() { 
      self.tagName = 'some-riot-tag'; 
      self.update(); 
     }); 
     riot.route('/bar', function() { 
      self.tagName = 'other-riot-tag'; 
      self.update(); 
     }); 
    </script> 
</my-tag> 

編輯：似乎riot-tag將在（近）未來不推薦使用，但解決方案仍然可以使用data-is：http://riotjs.com/guide/#html-elements-as-tags（遺憾的是，有關此問題的適當文檔似乎很少）。