Question

我正在学习玉器并遵循有关创建用户帐户的教程。

我正在使用jade到HTML转换器，但程序似乎无法弄清楚这段代码：

 #user
                h1.text-center.login-title Welcome #{user.firstName}. Check your details below:
                    div.signup-wall
                        ul.user-details
                            li Username ---> #{user.username}
                            li Email    ---> #{user.email}
                            li First Name ---> #{user.firstName} 
                            li Last Name ---> #{user.lastName}

具体来说，＃{user.firstName}部分令人困惑。它是什么意思，以及如何将其转换为HTML？

Answer 1

它是一个模板化的引擎变量，它应该在将jade渲染为html时注入，通常由服务器完成，如下所示：

MyImageView imageView;
 @Override
protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.activity_main);
    imageView=(MyImageView)findViewById(R.id.image);
    Bitmap dbitmap = BitmapFactory.decodeResource(getResources(), R.drawable.dinkan);
    Bitmap bitmap = dbitmap.copy(Bitmap.Config.ARGB_8888, true);
    imageView.setImageBitmap(bitmap);
    imageView.invalidate();
}

如果您尝试将此类内容（login.jade）转换为纯HTML（login.html），则可能无法翻译，因为纯HTML无法动态注入值，或者您必须手动编写app.render('login.jade', { user: { username: 'xyz' } })应该是什么。

user.username

有关jade的更多信息：http://jade-lang.com/reference/interpolation

Answer 2

<强>尊敬的，

请考虑以下步骤：

转到html2jade.org
在给定空间内复制您的JADE模板代码

并且

您将获得与HTML相同的Jade代码

谢谢＆amp;干杯

如何将这个玉代码解释成HTML？

2 个答案: