我正在写一个Angular应用程序,{{myVal}}我想要显示一个响应.
我怎么做?如果我只是使用绑定语法,innerHTML它会编码所有div字符(当然).
我需要以某种方式将a的内部html绑定{{myVal}}到变量值.
我将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) 如何使用angular2使用html插入字符串.我知道在角度1.x有$interpolate(templateString)(miniScope);但我没有找到相同的angular2.
假设我有这样的模板: Hello my name is {{name}}
和绑定就像 name: "<strong>Pardeep</strong>"
所以我想要结果
您好,我的名字是Pardeep
任何帮助?
在组件代码中,我有一个名为 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 并在其中创建了一个锚点。但是,锚标记上没有属性,它只包含用户应该阅读的文本。路由信息消失了。
该怎么办?
我找到了一个建议,但感觉不是一个好方法(甚至作者也表示这不是最好的方法)。还有这个,但它与我的情况无关,因为我将字符串传递给另一个组件。
我向服务器发出请求并获得 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)
接下来是什么?如何解析?