express.jsejsがHTMLをレンダリングしない

debugcn 投稿 Dev

コリン

Express.jsとEJSを使用して、データベースクエリからの応答をhtmlの順序なしリストとしてレンダリングしています。私もjson2htmlを使用しています。エラーは発生しませんが、リストアイテムの要素がHTMLとしてレンダリングされません。私は何が間違っているのですか？

ページは私のブラウザで次のようにレンダリングされます-

MyExpressルーターハンドラー-

var $stmt = squel.select().from('GrpPractice').field('*').toString();

router.get('/', handler1);

function handler1(req, res) {
    db.all($stmt, function(err, rows) {
        var transform = {'tag':'li', 'html':'${Organization legal name}'};
        var html    = json2html.transform(rows, transform);
        res.render('index', { title: 'Group Practices', html });    
        //  res.send(rows);
        });
}

そして私のEJSテンプレート-

  <body>
    <h1><%= title %></h1>
    <p>Welcome to <%= title %></p>
    <ul>
        <%= html %> 
    </ul>
  </body>

私のデータは整形式のようです-

[{"Organization legal name":"23RD FAMILY MED LLC","Group Practice PAC ID":"3375715477","Number of Group Practice members":5,"First Name":"CHERL","Last Name":"MUES","Credential":"","Primary specialty":"NURSE PRACTITIONER"},{"Organization legal name":"23RD FAMILY MED LLC","Group Practice PAC ID":"3375715477","Number of Group Practice members":5,"First Name":"PAUL","Last Name":"GLOWACKI","Credential":"MD","Primary specialty":"FAMILY PRACTICE"},{"Organization legal name":"23RD FAMILY MED LLC","Group Practice PAC ID":"3375715477","Number of Group Practice members":5,"First Name":"MONTY","Last Name":"SELLON","Credential":"","Primary specialty":"FAMILY PRACTICE"},{"Organization legal name":"23RD FAMILY MED LLC","Group Practice PAC ID":"3375715477","Number of Group Practice members":5,"First Name":"MILO","Last Name":"ANDERSON","Credential":"","Primary specialty":"FAMILY PRACTICE"},{"Organization legal name":"23RD FAMILY MED LLC","Group Practice PAC ID":"3375715477","Number of Group Practice members":5,"First Name":"ANDREW","Last Name":"OPP","Credential":"","Primary specialty":"FAMILY PRACTICE"},{"Organization legal name":"3-D OPTICAL","Group Practice PAC ID":"1951361732","Number of Group Practice members":4,"First Name":"KRISTEN","Last Name":"KOSIR","Credential":"OD","Primary specialty":"OPTOMETRY"},{"Organization legal name":"3-D OPTICAL","Group Practice PAC ID":"1951361732","Number of Group Practice members":4,"First Name":"NIROPA","Last Name":"PRASAD","Credential":"","Primary specialty":"OPTOMETRY"},{"Organization legal name":"3-D OPTICAL","Group Practice PAC ID":"1951361732","Number of Group Practice members":4,"First Name":"ROBERT","Last Name":"MCCAMY","Credential":"OD","Primary specialty":"OPTOMETRY"},{"Organization legal name":"3-D OPTICAL","Group Practice PAC ID":"1951361732","Number of Group Practice members":4,"First Name":"DARREL","Last Name":"CRISSLER","Credential":"","Primary specialty":"OPTOMETRY"},{"Organization legal name":"5MD CONVENIENT CARE LLC","Group Practice PAC ID":"2567643026","Number of Group Practice members":4,"First Name":"JULIE","Last Name":"HATCH","Credential":"","Primary specialty":"NURSE PRACTITIONER"}]

コンソールにログインすると、有効なhtmlのように見えます

<li>23RD FAMILY MED LLC</li><li>23RD FAMILY MED LLC</li><li>23RD FAMILY MED LLC</li><li>23RD FAMILY MED LLC</li><li>23RD FAMILY MED LLC</li><li>3-D OPTICAL</li><li>3-D OPTICAL</li><li>3-D OPTICAL</li><li>3-D OPTICAL</li><li>5MD CONVENIENT CARE LLC</li>

ブラウザでページソースを表示した場合（Tomasz Jakub Rupに感謝）、それほど有効ではありません...

 <body>
    <h1>Group Practices</h1>
    <p>Welcome to Group Practices</p>
    <ul>
        &lt;li&gt;23RD FAMILY MED LLC&lt;/li&gt;&lt;li&gt;23RD FAMILY MED LLC&lt;/li&gt;&lt;li&gt;23RD FAMILY MED LLC&lt;/li&gt;&lt;li&gt;23RD FAMILY MED LLC&lt;/li&gt;&lt;li&gt;23RD FAMILY MED LLC&lt;/li&gt;&lt;li&gt;3-D OPTICAL&lt;/li&gt;&lt;li&gt;3-D OPTICAL&lt;/li&gt;&lt;li&gt;3-D OPTICAL&lt;/li&gt;&lt;li&gt;3-D OPTICAL&lt;/li&gt;&lt;li&gt;5MD CONVENIENT CARE LLC&lt;/li&gt; 
    </ul>
  </body>

誰かが私が間違っていることを特定できますか？私のブラウザはこれをマークアップではなくテキスト文字列として解釈しているように見えます。

Tomasz Jakub Rup

交換する<%= html %>と<%- html %>

ejsにはあまり人気のない規則があります：

<%= エスケープされた値を生成する

<%- エスケープされていない値を生成する

lodash.templateには逆の規則があります（より一般的です）：

<%- エスケープされた値を生成する

<%= エスケープされていない値を生成する

この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。

侵害の場合は、連絡してください[email protected]