- c - 在位数组中找到第一个零
- linux - Unix 显示有关匹配两种模式之一的文件的信息
- 正则表达式替换多个文件
- linux - 隐藏来自 xtrace 的命令
我有渲染 SVG 图标的组件:
import {Component, Directive} from 'angular2/core';
import {COMMON_DIRECTIVES} from 'angular2/common';
@Component({
selector: '[icon]',
directives: [COMMON_DIRECTIVES],
template: `<svg role="img" class="o-icon o-icon--large">
<use [xlink:href]="iconHref"></use>
</svg>{{ innerText }}`
})
export class Icon {
iconHref: string = 'icons/icons.svg#menu-dashboard';
innerText: string = 'Dashboard';
}
这会触发错误:
EXCEPTION: Template parse errors:
Can't bind to 'xlink:href' since it isn't a known native property ("<svg role="img" class="o-icon o-icon--large">
<use [ERROR ->][xlink:href]=iconHref></use>
</svg>{{ innerText }}"): SvgIcon@1:21
如何设置动态xlink:href
?
最佳答案
SVG 元素没有属性,因此大多数时候都需要属性绑定(bind)(另请参阅 Properties and Attributes in HTML)。
对于属性绑定(bind)你需要
<use [attr.xlink:href]="iconHref">
或
<use attr.xlink:href="{{iconHref}}">
更新
sanitizer 可能会导致问题。
另见
更新 DomSanitizationService
将在 RC.6 中重命名为 DomSanitizer
更新这应该是固定的
但是有一个 Unresolved 问题来支持命名空间属性 https://github.com/angular/angular/pull/6363/files
作为解决方法,添加一个额外的
xlink:href=""
Angular 可以更新属性,但添加有问题。
如果 xlink:href
实际上是一个属性,那么您的语法在添加 PR 后也应该有效。
关于Angular2 SVG xlink :href,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/35082657/
有人知道我可以用来处理 XBRL 或 XLINK 文档的优秀 .NET 库吗? 最佳答案 Gepsio: XBRL Document Object Model for .NET 关于xlink - 用
我正在创建一个 javascript 界面,以动态地将 xlinked 图像添加到教室的 map 。 //declare the xlink namespace in the svg header
忍者! 任何人都可以帮助新手解析 svg 吗?我想从这个字符串中获取 id ... id="aws_7e689ce87fd374d90292c52210118050_use3391" style="f
所以我决定在我正在处理的网站中使用一些 SVG。它们不是内联 HTML;相反,我使用对象标签链接到它们。我将它们用作链接,并且选择了使用 xlink 方法的路线。我正在用 CSS 设计它们的样式,除了
$('a[xlink\\:href=#coastline]').attr('class','grey'); $('a[xlink\\:href=#onshore]').attr('class','bl
我有渲染 SVG 图标的组件: import {Component, Directive} from 'angular2/core'; import {COMMON_DIRECTIVES} from
到同一文档中另一个节点的简单 XLink 的一般要点似乎是: ... 在不使用 XPointer 或 XPath 的情况下,这是否与使用 XLink 所能做的一样多?你能做一个 X
所以我有一个包含不同路径集合的 SVG 文件: ... 在我的网页中,我使用了这些 SVG 图标: 这工作得很好,正是我想要的——我们选择了 ID 为 foo 的 S
我正在制作一个 XSLT 2.0,它接受一个 xml 并吐出更小的解析 xml。其中一个元素需要看起来像这样 我将 xml:lang 创建为属性,与文章类型相同。但是当我尝试执行 xmlns:xli
我正在尝试将 href 实现为 d3js 图表,如 post 中所述。和 here 。我向 this 添加了一个简单的 href d3js 条形图,但它不起作用。这是我的代码: 我在 html 中导入
$('a[xlink:href=#'+value.id+']').addClass("foo"); 我有一个 svg,里面有 围绕多边形。 我想做的是向 a 添加一个类xlink:href在哪里与 v
我有一个*ngFor在里面我正在用 编写一些 SVG链接到 svg 特定部分的标签: 这似乎不起作用,因为它不会将 SVG 加载到文件中。 但是,如果我使用以下内容,它就可以工作(没有 ng,只是
我必须遵循 html5 中的代码,我想将它嵌入到我的 jsf 2 应用程序中,但标签根本不起作用: 有什么想法吗? 最佳答案 确保你的 html 标签中有这个 xmlns:xlink="http:/
我使用 JAXB marshaller 将一些 java 对象存储为 XML 文件。其中一些对象相互引用,所以我不出所料地得到了这个错误: [com.sun.istack.internal.SAXEx
我有一个 svg 内容,看起来有点像这样:
是否可以内联定义 textPath 的路径,而不是创建 def 并将其作为 xlink:href 作为属性引用? My text along a
我想通过 cxf 构建一个休息服务。这已经通过两个对象“Earthpart”和“Earthquake”完成了。当我调用 localhost/earthpars 时,我得到了一个带有地震的地球部分的 x
XLink、XPointer 和 XInclude 有什么区别? 太乱了。有人可以解释一下区别吗? 最佳答案 简答: XLink 和 XPointer 非常相似,因为它们提供了一种引用其他元素的方法,
我可以用 xl : ... 还是我必须使用 xlink : ... ? 最佳答案 Xml 验证和命名空间通常在 XML 架构 (XSD) 规范的上下文中设置问题,但可以在文
我需要一些有关使用可写 Xlink 的信息。 我有两个项目,我们称它们为项目A 和 B项目 . 每个项目都有自己的存储库: repo A ;和 repo B .每个项目也有自己的工作区: C:\项目\
我是一名优秀的程序员,十分优秀!