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

【问题标题】：Display {{ }} Jade-Angular-React-Vue显示 {{ }} Jade-Angular-React-Vue
【发布时间】：2016-11-30 01:31:47
【问题描述】：

我正在尝试将角度 {{}} 的 {{}} 添加到 Jade。在 html 中你这样做

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

在翡翠中，我的理解是：

p  {{ whatever }}

但它不起作用。关于如何将双花括号添加到 Jade 的任何见解，以便它显示来自 Angular 的信息（react 或 vue，它们都以相同的方式工作）

我试过了

p {{ }}

p
  |{{ }}

p
= {{ }}

那里有翡翠忍者吗？

【问题讨论】：

【解决方案1】：

在"jade": "1.9.2"，如果你在JS中有关注：

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

在模板中，您可以使用以下任一：

#{locals.posts}

或

#{posts}

【讨论】：

【解决方案2】：

首先要检查，

你指定了 ng-controller 吗？如果没有，你应该这样做。

body(ng-app="myApp" ng-controller="MainCtrl as main")
你的控制器有这个价值吗？如果没有，您可以创建测试代码。

$scope.test = "test"
p {{ test }}
你是否包含了 angular.js？

script(src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.0/angular.min.js")
您是否正确创建了 Angular 应用程序？

var app = angular.module('myApp'); app.controller('MainCtrl', function($scope){ $scope.test = "test"; }
您是否包含了您的 Angular 应用程序？

script(src="javascripts/myApp.js")
{{ }} 在 { 和 { 之间不应有空格。

如果您仍有问题，请告诉我。

【讨论】：

HTML 可以正常运行应用程序。所以这不是一个参考问题。当我尝试在页面上显示表单输入的数据时。我将在今天晚些时候发布代码。是 {{vue data 在表单中输入}} 不显示数据。表单和其他所有内容在 html 中都可以正常工作
你用ng-model连接数据表单了吗？
这是我的错误。我在块内容之前引用了 app.js，但它应该在它之后。
正文块内容脚本(src="./javascripts/vueapp.js")
感谢您的帮助。当你说你一直使用 {{}} 时，让我质疑我的 js 文件引用。

【解决方案3】：

在块内容不在body标签内之后，在jade中引用你的vue文件（在express app中，layout.jade）：

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

【讨论】：

【解决方案4】：

还有一个选择。放 ng-bind 就好了，像这样：

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

Jade 不再是 Jade 哈哈哈，现在是 Pug.js 我知道我们在 2018 年，但这是我的小贡献

【讨论】：