问题标签 [transclusion]
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.
javascript - ng-transclude 在模板 AngularJS 中不起作用
抱歉,如果我在这里遗漏了一些愚蠢的东西,但我真的尝试了各种组合来使这段代码工作,但没有运气。
我正在学习但停留在这段代码directive
中AngularjS
-Recipes with AngularJS
https://github.com/fdietz/recipes-with-angular-js-examples/tree/master/chapter3/recipe4
我相信它应该在Hello World文本之前打印Heading 。但它不会来。让我知道我的代码中缺少什么- p
代码作为一个整体 -
javascript - 在哪里以及如何修改嵌入的内容?
我想构建一个指令(我们称它为“A”),它接受 HTML 用于转入内容,并通过ng-click
使用自定义逻辑在其上添加处理程序来修改其转入内容。
我认为预链接将是一个很好的地方,但显然我错了(似乎文档建议反对它)。
每个“A”指令都会接受它自己的(唯一的)内容,所以我不能在编译阶段这样做。
在link
功能中,我不确定我能做什么......
那么,有没有人做过类似的事情呢?
编辑:
我忘了提到这一点:ngClick
应该在指令的范围内定义处理程序,而不是在父范围内。我不知道 Angular 是否允许这样做,但这就是我所需要的。
org-mode - Orgmode Radio 表、pandoc 和 docx
Pandoc(版本 1.13.1)的 docx 转换器显然要求在表格开始之前和表格结束之后有一个空行。对于单选表,这需要BEGIN RECEIVE
cookie 之后的空行和之前的空行END RECEIVE
。为了让 orgtblSEND
命令创建这些空间,我需要指定:tstart
和:tend
如下:
我的问题:为什么:tstart
and需要不同的语法:tend
?对两者都使用换行符或“\\”不起作用。
binding - Angular 指令的隔离范围上的可选双向绑定
问题
我刚刚了解到您可以通过以下方式进行可选的“反向”或回调绑定:
我想看看是否有办法用 2-way binding 做类似的事情。
我尝试使用链接函数的element
&attrs
参数,但后来我失去了 2-way-binding 回到父级。该方法只允许父子更新。那我还不如只使用@
作用域机制。
编辑
我发现这个问题Angular JS directive, change a 2 way data binding in the link 函数,以便回答有关=?
. 但是,它不能解决“可选”非绑定值,例如true
or false
。
目标
这是我要完成的工作:
编写一个面板指令,该指令包含内容并且可以在标题区域之外折叠:
<my-panel> <transcluded-header-content/> <button ng-click="toggleCollapse()"/> <transcluded-body-content ng-if="isExpanded"/> </my-panel>
在某些情况下,我想在父范围内缓存面板实例的折叠状态(因此视图控制器可以确定如何缓存此信息的 2 路绑定):
<my-panel is-expanded="parentScopeProp">
- 在其他情况下,我可能只想声明它而不绑定到父范围属性,或者我可能根本不声明它,在这种情况下它假定它已扩展。
<my-panel is-expanded="true/false">
我知道通过使用赋值,无法评估=
像undefined
, true
&这样的表达式。false
mediawiki - How to query/limit a transclusion when including the talk page?
As the tag implies, I am using MediaWiki as wiki-software. I would like to include the talk page/discussion into the page the talk/discussion is about.
I figured out how to include the talk page as a whole already doing something like this fo example (don't bother with the German notation): {{Diskussion:Test}}
which add the talk page of the article Test.
The next step would be to limit the output to e.g. the 5 most recent talk "posts" (they are rather gouped under 2nd-grade headlines, I presume). Insertin of special pages can be limited by using additional parameters like so: {{Special:RecentChanges/days=5,limit=40}}
as mentioned in MediaWiki help articles. However, these parameters obviously don't work when including the talk page because it is a single page/element. {{Diskussion:Test/days=5,limit=40}}
is not even parsed.
Any hints and examples ae appreciated, although I prefer not to use extensions IF POSSIBLE.
javascript - Angular:将 transclude 与 ng-bind-html 一起使用
我有以下角度设置:
它通过控制器中的 ajax 提取原始 html 标记并将其存储在@scope.html
. 在指令中,这个 html 通过ng-bind-html
.
html(玉)看起来如下:
它基本上有效。但是在包含的这个 html 中,我有一些半透明的内容,就像{{searchType}}
我想要解决的那样。不幸的是,事实并非如此,它在浏览器中显示“{{searchType}}”。我可以改变什么来使嵌入工作?
我阅读了$compile
and $transclude
,但我不知道如何使用它或者它是否可以帮助我解决我的问题。谢谢!
angularjs - Angular wrap 分别嵌入元素?
我对 Angular 很陌生。尽管我已经取得了很大的进步,但仍有一些我不知道的事情。
目前我遇到了一个嵌入“问题”。
基本上,我们想要的是用父指令控制的 html 分别包装每个嵌入的元素/指令。
例子:
期望的结果(我保留了指令元素以使示例更加清晰):
有谁知道如何处理这个问题?我知道在我的示例中我可以引入一个面板指令,但请注意这只是同一问题的一个示例。
javascript - 在编译中断中包含 ng-repeat 的角度
我正在尝试创建一个指令,该指令可以将两件事转换到不同的位置,其中一个是ng-repeat
,但是在我的编译函数中使用$transclude
break if return undefined is not a function
,但是如果我这样做它pre-compile
可以工作但ng-repeat
没有内容。
我的代码看起来像这样
我也尝试过手动转换,它返回一个空的 ng-repeat
侧边栏项目的模板
指令的使用
交替使用
angularjs - 如何将嵌入添加到现有的 Angular 属性指令?
我经历了类似的问题,我想我仍然不明白这应该如何工作。
我有以下指令要修改以允许嵌入:
模板看起来与此类似(还有更多,但为简洁起见,我删除了):
我正在使用的 HTML 是这样的:
我以为我可以将“transclude:true”添加到指令中,然后像这样修改模板:
这是我想要渲染的内容:
当然,这似乎行不通。我能够找到的所有示例都显示了限制为“E”的嵌入。
编辑:它似乎与我正在运行的 Angular 版本(1.2.X)有关。我升级到 1.3.7,它突然开始工作了。