前提・実現したいこと
少し前にこちらで質問させて頂き、回答を頂いたのですがまだまだ知識が足りないようで
解決できません。
もう一度質問させてください。
https://teratail.com/questions/111207
発生している問題・エラーメッセージ
InnterHTMLをつかう、ということアドバイスを頂き試しデモは記事の内容をコピーしてみたのですが、こちらの環境に合わせてみるとうまくいきません。
this.message.innerHTML =
this.message.innerHTML =
innterHTMLががそのまま文字列として表示されており、<p>テキスト111</p>の中身がありません。
試したこと
sample.tagというカスタムタグを読み込んでindex.htmlに表示させる。
each={}で配列を表示。
sample.tag
<sample> <div each={list}> <div id='message'></div> this.message.innerHTML = {list.content} </div> </sample> this.list = [ {content:'<p>テキスト111</p>'} , {content:'<p>テキスト2222</p>'} ]
index.html
<html> <body> <sample></sample> <script type="riot/tag" src="sample.tag"></script> <script src="https://cdn.jsdelivr.net/npm/riot@3.8/riot+compiler.min.js"></script> <script>riot.mount('sample')</script> </body> </html>
### 補足情報 補足 this.message.innerHTML = {this.content} とすると this.message.innerHTML = <p>テキスト1111</p> this.message.innerHTML = <p>テキスト2222</p> と表示されます。 どうぞよろしくお願いいたします。
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。