显示{{}} Jade-Angular-React-Vue

时间:2016-11-30 01:31:47

标签: angularjs pug vue.js

我试图将{{}} {{}}添加到Jade。 在HTML中,你这样做

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

在玉器中,我的理解是:

p  {{ whatever }}

但它不起作用。有关如何将双花括号添加到Jade的任何见解,以便它显示来自Angular的信息(反应或vue,它们都以相同的方式工作)

我试过

p {{ }}

p
  |{{ }}

p
= {{ }}

那里有任何玉忍者?

4 个答案:

答案 0 :(得分:0)

String c; br = new BufferedReader(new FileReader((TRAFFIC_FILE))); HashMap<String, ArrayList<String>> hmap = new HashMap<String, ArrayList<String>>(); String lastHeader = ""; while ((c = br.readLine()) != null) { //read the 1st part of the file till Request header line ArrayList<String> al; String key = ""; if (c.equals("============= Request ===================")) { lastHeader = "Request"; } else if (c.equals("============= Response ===================")) { lastHeader = "Response"; } else if (c.equals("============= Details ===================")) { lastHeader = "Details"; } if (key.length() > 0) { if (hmap.containsKey(lastHeader)) { al = hmap.get(key); al.add(c); } else { al = new ArrayList<String>(); hmap.put(key, al); } } } //##############################PRINT RESULT if (hmap.containsKey("Request")) { ArrayList<String> request = hmap.get("Request"); System.out.println("Request lines"); for (String line : request) { System.out.println(line); } } if (hmap.containsKey("Response")) { ArrayList<String> request = hmap.get("Response"); System.out.println("Response lines"); for (String line : request) { System.out.println(line); } } if (hmap.containsKey("Details")) { ArrayList<String> request = hmap.get("Details"); System.out.println("Details lines"); for (String line : request) { System.out.println(line); } } 中,如果您在JS中有以下内容:

"jade": "1.9.2"

在模板中,您可以使用以下任一项:

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

#{locals.posts}

答案 1 :(得分:0)

首先要检查,

  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. {{}}在{和{。

  7. 之间不应有空格

    如果您仍有问题,请与我们联系。

答案 2 :(得分:0)

在块内容不在body标签内部之后,在jade中引用你的vue文件(在express app,layout.jade中):

//

答案 3 :(得分:0)

还有另一种选择。只需要使用ng-bind,就像这样:

div(ng-app="" ng-init="name=' Rodrigo'")
        p My name is
            span(ng-bind="name")

Jade不再是Jade haha​​ha,现在是Pug.js 我知道我们是在2018年,但这是我的小贡献