html - 同じ構造の別々のJSONオブジェクトから2つのデータ列を並べます

Question

HTMLページに並べて視覚化したい同じ構造の2つのJSONオブジェクトがあります。種類の比較を作成しているので、一致するデータ要素を同じ行に表示する必要があります。左のみまたは右のみのデータ要素は、反対の列の横に空白を付けて表示する必要があります。

JsRender / JsViewsでこれを実行しようとしていますが、一度に複数のデータソースを処理するのは困難です。または、それぞれの側を個別のテンプレートとして実行すると、反対側が存在するかどうかを知る必要があるため、それぞれの側はデータをロードする場所を知りません。

それが機能する限り、私は他のメカニズムを使用するつもりです。

ありがとう、グレッグ

Answer 1

レンダリング呼び出しでコンテキストとして渡すことにより、コンテキストヘルパーを介して追加のデータオブジェクトをJsRenderテンプレートに渡すことができます。

render(dataOne, {data2: dataTwo})

またはヘルパーとして登録することによって：

$.views.helpers({
    data2: dataTwo
})

~data2どちらの方法でも、たとえば、{{:~data2.prop}}またはを記述して、ヘルパーオブジェクトにアクセスできます{{for ~data2}}...{{/for}}。

もちろん、dataOneまたはdataTwoはオブジェクトまたは配列のいずれかです。

Answer 2

notepad ++で比較プラグインを使用してみませんか？