繁体   English   中英

如何在组件的返回值中设置跨度标签

How can i set span tags in the return value of an component

提示:本站收集StackOverFlow近2千万问答,支持中英文搜索,鼠标放在语句上弹窗显示对应的参考中文或英文, 本站还提供   中文繁体   英文版本   中英对照 版本,有任何建议请联系yoyou2525@163.com。

在下面的示例中,如何在x,y和total周围设置跨度标签,使其不是一个字符串?

 <div>
        {{GetNumbers()}}
    </div>

GetNumbers(){
const x = 10;
const y = 5;
total = 5;

return `${x} - ${y} of ${total}`;
}
1 个回复

您可以将div的innerHTML属性设置为使用您的字符串,包括span标签:

<div [innerHTML]="GetNumbers()"></div>

GetNumbers(){
  const x = 10;
  const y = 5;
  const total = 5;

  return `<span>${x}</span> - <span>${y}</span> of <span>${total}</span>`;
}

StackBlitz: https ://stackblitz.com/edit/angular-vlp9au file = src%2Fapp%2Fapp.component.ts

1 如何在 Tapestry 中隐藏额外的组件跨度标签?

如果我使用 span 标签来呈现像 &lt;span jwcid="@If" .../&gt; 这样的组件,我的 HTML 会以一堆无用的 span 标签结束。 大多数情况下,这没问题,但在某些情况下,它会干扰我的 CSS 或使页面无效。 有没有办法告诉 Tapestry 处理标签,但不实际渲染它? ...

2 如何向此PHP添加跨度标签?

我目前有以下代码: http : //pastebin.com/Zdck6Tze包装在span标签中,该标签使用css以特定方式设置样式。 问题在于代码是否取决于用户是否是会员。 如果不是这样,则代码将不执行任何操作,但是span标记将保留样式,并且看起来不太好。 我想以某种方式将span ...

6 我如何通过xpath获取标签所代替的内容

我想通过importXML通过Google Spreadsheets从网页上获取价格,但我不知道。 我不是程序员,只有基本的HTML知识。 这是代码: 我想要这样的结果:385,76 我不能仅仅局限于这个价格,而且代码会返回更多位于网上的价格(不含增值税的价格,含增值税的价格, ...

7 如何在不同的线上右移两个跨度标签?

我有三个span标签:一个是左侧浮动(A),另外两个是右侧浮动(B和C)。 但是,我想要的是让C位于B下方,但两者都要向右浮动; 也就是说,在不同的路线上。 我试图在B上使用display:block,但这似乎没有帮助。 如何使用span标签(而不是div)来完成? 这是我的 ...

8 如何从这些跨度标签之间抓取数据?

我试图抓取https://www.usdebtclock.org/world-debt-clock.html 上显示的数字,但是由于数字不断变化,我不知道如何收集这些数据。 这是我正在尝试做的一个例子。 结果是这样的: “[ ]”当我期待 “19,987,137,284,731 美元” ...

9 如何使用父项和子项设置文本值

我在显示状态文本的子组件中有一个跨度: 当用户单击按钮并且文本框为空时,这将显示错误消息。 但是实际的登录方法在父组件中,当登录失败时,如果要更新子级,我希望使用state.status。 父母看起来像这样: 父级将loginStatus消息作为子级的props.stat ...

2017-09-10 13:56:54 1 29   reactjs
10 如何在 ReferenceManyField 组件上设置默认值?

我正在渲染一个......哪个资源是“用户”,所以总是调用这个 ReferenceManyField 但有时“用户”没有“名称”,如果“用户”没有,我想显示一些默认值name,我没有找到解决此问题的任何方法,抱歉。 谢谢! ...

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2022 STACKOOM.COM