-4

Angular ビュー (テンプレート) は更新されていませんが、エクスプレスで提供されるようにコード化されている場合、batarang を見るとスコープは最新です。

Plunker http://plnkr.co/edit/gHTFVkyDBIoJTvNMOgeB?p=previewで同じコードを作成した後、選択オプションを変更すると非常にうまく機能します。

<p>Hello {{selectedPlan.name}}!</p> エクスプレスで機能しないテンプレートの行

違い:

ルート パスのプランカ

高速パス: http://localhost:3000/advertisement/add-new

テンプレート パス: http://localhost:3000/templates/plan-selector.nunjucks

github で babelify を使用して最小限のセットアップを追加したので、誰かがhttps://github.com/carlitux/angular-testをテストできる場合、さらに 2 つのスクリーンショットを追加しました。

https://github.com/carlitux/angular-test/blob/master/Screen%20Shot%202016-05-02%20at%2011.17.14%20AM.pngこれには、コントローラーのスコープ値をレンダリングしない初期値があります.

https://github.com/carlitux/angular-test/blob/master/Screen%20Shot%202016-05-02%20at%2011.17.32%20AM.pngこれは、ディレクティブ plan-selector が変更された後もレンダリングされませんでしたテンプレート上。

しかし、両方の画像で、スコープが更新されていることがわかります。

4

1 に答える 1

1

まず第一に、これは私の間違いでした...初心者のエラーですが、誰かが同じエラーを起こし、助けてくれるかもしれません。

nunjucksテンプレート エンジンを使用しているため、角度の補間を構成する必要があります...これは、 nunjucksが {{ および }} を使用して変数をレンダリングするためです。nunjucksによってレンダリングされたテンプレートは空またはデフォルト値であり、Angular には {{ } がありません。レンダリングするテンプレートで。

Express、nunjucks、angularで動作させるために必要な変更は次のとおりです。

https://github.com/carlitux/angular-test/commit/7aac83d16b10216885c20068ffe2dd3f3f9f2f91

于 2016-05-02T23:01:31.760 に答える