问题标签 [scalatags]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
2 回答
308 浏览

scala.js - 使用 scalatags 创建可重用组件

我想用这样的scalatags创建一个可重用的组件:

我想为按钮注册一个onclick侦听器,单击该按钮会删除整个div容器。

我知道我可以做这样的事情(使用 jQuery):

但是这个解决方案的问题是我自动生成这个元素并且通过 id 获取元素很麻烦,因为我必须生成唯一的 id。

有没有更好的办法?有没有办法div从 div 内部引用“myid”?

谢谢

0 投票
1 回答
479 浏览

scala - scalatags 可以和 binding.scala 一起使用吗?

Binding.scala 的示例包含 Scala XML 标记作为编码 DOM 片段的语言。可以使用 scalatags 代替吗?

0 投票
0 回答
665 浏览

scala.js - Binding.scala vs Haoyi 的 Scala.Rx + ScalaTags

Binding.scala 与这里描述的概念相比如何?

除了设计描述之外,还可以比较他们的 TodoMVC 实现:

编辑:到目前为止,我将它们与scalajs-react进行了比较。我认为 react 具有更好的性能,因为例如对于列表,它只更新 DOM 中列表的更改元素,而不是整个列表。

0 投票
0 回答
475 浏览

html - 使用 scala 生成带有可用库的 html

我是 scala 新手,试图创建一个简单的 scala 程序来生成 html,发现 salatags 提供了一个 api 来生成它。我遵循scalatags并使用了示例ScalaJSExample.scala并出现错误。下面是我的 build.sbt 文件和我得到的错误

build.sbt 是

有人可以看到有什么问题吗?生成静态 html 的简单方法是什么?

你好世界!

在 scala 中带有一些可用的 scala 库或 api?

0 投票
1 回答
158 浏览

css - 带有 Scalatags 的 Twitter Bootstrap

提前为这个模糊的问题道歉,但是我需要一些帮助。我是 Scalatags 和一般 Scala 的新手,我正在寻找一种将 Twitter 的 Bootstrap 库与 Scalatags 生成的 HTML 一起使用的方法。

我还没有看到有关这方面的文档记录,而且 Scalatags 文档本身有点轻松。我宁愿不必手动编码所有样式,当然不是通过 ScalaCSS。我正在开发的应用程序是作为其他使用 Bootstrap 样式的应用程序的伴侣,因此需要保持接口有点统一。

我正在后端使用 Scala 的 JVM 风格,并希望尽可能避开 Scala.JS。非常感谢任何帮助。

0 投票
1 回答
58 浏览

scalatags - 如何防止在Scalatags渲染中编码内部html文本

假设我定义了一个这样的字符串:

我想使用一些渲染代码嵌入这个html:

如何防止内部编码?我想产生如下完整的 html 结构:

并不是:

0 投票
1 回答
366 浏览

html - 使用 scalatags 创建表体后添加表行

使用 scalatags,通常我会创建一个像这样的表:

是否也可以 tr在声明表后添加元素?这样的事情会很棒:

*编辑:为了澄清,目前我正在做这样的事情:

0 投票
0 回答
64 浏览

playframework - 如何在 playframework 中使用带有 scalatags 的反向路由?

在使用 twirl 时,它很简单,我们使用<link rel="stylesheet" media="screen" href="@routes.Assets.versioned("lib/bootstrap/css/bootstrap.css")">并且提供的 html 文件包含适当解析的链接。

在使用带有 playFW 的 scalatags 模板的情况下,我们如何实现相同的目标?正在做link(rel:="stylesheet", media:="screen", href:=routes.Assets.versioned("lib/bootstrap/css/bootstrap.css"))

build.sbt 有"org.webjars" % "bootstrap" % "4.1.3". IJ 抱怨:

没有类型的隐式参数:AttrValue[Builder_,Call]

呈现的网页抱怨

没有为类型 play.api.mvc.Call 定义 AttrValue;scalatags 不知道如何使用 play.api.mvc.Call 作为属性

0 投票
2 回答
356 浏览

twitter-bootstrap - 在 scala-js 应用程序中使用 bootstraptoggle 的 onclick 事件

在我的 scala-js 应用程序中,我想使用bootstraptoggle库来创建一个漂亮的开关按钮。

到目前为止,我正在通过一种看起来像这样的方法创建切换按钮:

渲染它并将其添加到我的 DOM 时,它看起来像这样:

关闭 打开

到目前为止,一切正常。然而,奇怪的是:当渲染页面('F5')时,我的控制台(Chrome - 'F12')显示一个“HELLO WORLD!” 从一开始就输出。之后,onclick 事件似乎不再触发。

有谁知道如何解决这一问题?

0 投票
2 回答
60 浏览

scala - IntelliJ 使用具有布尔属性的 scalatags 显示错误

现在有没有人为什么 IntelliJ 在这里显示错误,即使 sbt 编译并且一切正常:

在此处输入图像描述

*编辑:“stopEnabled”是一个布尔值。

据我了解,为了不在这里显示错误,我必须这样写:

有没有办法很好地解决这个问题?