Riot.jsのeach時に連想配列内にキーが存在しなかったら出力しないようにしたい

Question

前提・実現したいこと

現在以下のような連想配列を使って
Riot.jsにてeachを回そうとしています。

val = {
  ['id': 1, 'name':"A"],
  ['id': 2],
  ['id': 3, 'name': ""]
}

<td each="{ v, i in val}" attr-x="{ i }" attr-y="{ id }">
    <div class="html-code">
        <div class="some-style">
            <a href="/view/{v.id}" if={v.name}>{v.name}</a>
        </div>
    </div>
</td>

このとき、id=2のレコードではそもそもnameというkeyが存在しないので
nameが存在しない時、aタグ出力をしないようにしたいのですが、
リファレンスを読んでif=を設定しても、v.name === trueをみてしまっているようで、
Cannot read property 'name' of nullのエラーが出てしまいます。
if('name' in val)のような指定をしたいのですが、調べてもやり方が分かりません。
ご存知の方がおられたら教えてください。

Answer 1

書かれたとおりに実装して、特に問題なさそうです（Plunker）。ただし、2点修正しています。

• いきなり<td>タグを書けないので<div>に直してあります。
• オブジェクトリテラルの[]と{}が逆だったので修正しました。

Comments

[yokatone]

ありがとうございます。
if文の箇所を削除してもエラーが出ませんね.....

色々試してみると、そもそもval中にvがなかったみたいでした。
中の構造が見れませんが、恐らく以下のような感じです。
```
val = [
{'id': 1, 'name': 'A'},
{},
{'id':1, 'name': 'C'}
]
```
if={v}とすると、エラーなく通りました。ありがとうございます。