2016-11-30 7 views
1

{{}}を翡翠に追加しようとしています。 あなたはヒスイでこのディスプレイ{{}}玉角型リアビュー

<p>{{ whatever }}</p> 

を行うHTMLでは、私の理解されました:

p {{ whatever }} 

しかし、それは動作しません。それは角度からの情報を表示するように、ジェイドに二重の中括弧を追加する方法上の任意の洞察力(反応またはVUE、それらはすべて同じように動作します)

は、私はそこに任意のジェイド忍者

p {{ }} 

p 
    |{{ }} 

p 
= {{ }} 

を試してみましたか? "jade": "1.9.2"

+0

奇妙な、私は 'P {{vueData}}'を使用してきました、それはうまく動作します。たぶんここにあなたのコンパイルエラーを投稿しますか? –

+0

私はもう一度やり直して、後であなたに戻ってきます。ありがとう。 – Marco

答えて

0

リファレンス(速達アプリで、layout.jade)ヒスイのあなたVUEファイルは:

body 
//not here 
block content 
script(src="./javascripts/vueapp.js") 
0

、あなたはJSで、次のしている場合:チェックする

#{locals.posts} 

または

#{posts} 
+0

こんにちは、エクスプレスからヒスイに渡す補間を使用しようとしていません。 – Marco

+0

私は{{}}を使用して{{}} – Marco

+0

@Marco Angularが変数の[補間](https://docs.angularjs.org/guide/interpolation)を行うAngular、ReactおよびVueJSの使い方を使用しようとしています。 }。 – Saurabh

0

まず最初に:

res.render('blog_edit', {title: 'edit your blog', posts: "something"}); 

テンプレートでは、あなたがfollwingのいずれかを使用することができます、

  1. ng-controllerを指定しましたか?もしそうでなければ、あなたはすべきです。

    body(ng-app="myApp" ng-controller="MainCtrl as main")

  2. あなたのコントローラは、その値を持っているのでしょうか?そうでない場合は、テストコードを作成することができます。

    $scope.test = "test"
    p {{ test }}

  3. あなたはangular.jsが含まれたのですか?

    script(src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.0/angular.min.js")

  4. あなたは正しく角度アプリを作成しましたか?

    var app = angular.module('myApp'); app.controller('MainCtrl', function($scope){ $scope.test = "test"; }

  5. あなたangluarアプリが含まれたのですか?

    script(src="javascripts/myApp.js")

  6. {{}}、{{間と空間を持つべきではありません。

まだ問題がある場合はお知らせください。 bodyタグ内のブロックの内容ではないの後

+0

HTMLでアプリが正常に実行されます。したがって、これは参考になる問題ではありません。フォームに入力されたデータをページに表示しようとするときです。私は今日後でコードを掲載する予定です。データを表示しないのは{{フォームに入力されたデータ}}です。フォームや他のすべてがhtmlで正常に動作しています – Marco

+0

** ng-model **でデータフォームを接続しましたか? – ibocon

+0

私の間違いでした。ブロックコンテンツの前にapp.jsを参照しましたが、それはその後にする必要があります。 – Marco