相关疑难解决方法(0)

Angular HTML绑定

我正在写一个Angular应用程序,{{myVal}}我想要显示一个响应.

我怎么做?如果我只是使用绑定语法,innerHTML它会编码所有div字符(当然).

我需要以某种方式将a的内部html绑定{{myVal}}到变量值.

angular2-template angular2-databinding angular

756
推荐指数
11
解决办法
46万
查看次数

样式不适用于Angular 2 Typescript中的innerhtml

我将html作为innerHtml传递给我的视图.以下是我的观点

<div [innerHTML]="someHtmlCode"></div>
Run Code Online (Sandbox Code Playgroud)

如果我通过以下代码,它工作正常.

this.someHtmlCode = "<div><b>This is my HTML.</b></div>"
Run Code Online (Sandbox Code Playgroud)

如果我传递下面包含颜色的代码,它就无法正常工作.

 this.someHtmlCode = '<div style="background-color: blue;"><b>This is my HTML.</b></div>';
Run Code Online (Sandbox Code Playgroud)

html css angular

40
推荐指数
2
解决办法
4万
查看次数

Angular2 - 使用html插入字符串

如何使用angular2使用html插入字符串.我知道在角度1.x有$interpolate(templateString)(miniScope);但我没有找到相同的angular2.

假设我有这样的模板: Hello my name is {{name}}

和绑定就像 name: "<strong>Pardeep</strong>"

所以我想要结果

您好,我的名字是Pardeep

请参阅angular1

对于angular2看到这里,但我无法理解清楚

任何帮助?

angular2-template angular

29
推荐指数
1
解决办法
2万
查看次数

无法在 Angular 的 insideHTML 中渲染 routerLink

在组件代码中,我有一个名为 taggy 的字段,其中包含完整的锚标记。起初,在我的 HTML 中,我将其渲染到屏幕上,这当然没有成功,因为我只在逐字版本中看到了 taggy 的内容。文本字面意思是<a href="blopp/1337">hazaa<a>

一番谷歌搜索后,我发现了我的错误。我应该使用innerHTML。它可以工作,但会导致浏览器重新加载,因为我们使用的是href而不是routerLink。当然,我更改了 taggy 的值,因此它显示routerLink而不是href。然而,当我这样做时,它会起作用,但不完全有效。在我的 HTML 中,我有以下内容。

{{taggy}}
<div [innerHTML]=taggy></div>
<div innerHTML=taggy></div>
Run Code Online (Sandbox Code Playgroud)

这些都不会产生工作链接。最接近的是中间的,因为它创建了一个 div 并在其中创建了一个锚点。但是,锚标记上没有属性,它只包含用户应该阅读的文本。路由信息消失了。

该怎么办?

我找到了一个建议,但感觉不是一个好方法(甚至作者也表示这不是最好的方法)。还有这个,但它与我的情况无关,因为我将字符串传递给另一个组件。

html anchor routes innerhtml angular

5
推荐指数
1
解决办法
3826
查看次数

如何从 Angular 的响应中解析 HTML?

我向服务器发出请求并获得 JSON 结果:

{"result" => "HTML code"}
Run Code Online (Sandbox Code Playgroud)

如何解析 HTML 代码并从此响应中获取表格?

我试图将此代码放在页面上的隐藏块中:

<div #content>HTML code here from response</div>
Run Code Online (Sandbox Code Playgroud)

接下来是什么?如何解析?

angular angular7 angular8

2
推荐指数
2
解决办法
9455
查看次数