问题标签 [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.

0 投票
2 回答
5727 浏览

javascript - ng-transclude 在模板 AngularJS 中不起作用

抱歉,如果我在这里遗漏了一些愚蠢的东西,但我真的尝试了各种组合来使这段代码工作,但没有运气。

我正在学习但停留在这段代码directiveAngularjS-Recipes with AngularJS

https://github.com/fdietz/recipes-with-angular-js-examples/tree/master/chapter3/recipe4

我相信它应该在Hello World文本之前打印Heading 。但它不会来。让我知道我的代码中缺少什么- p

PLNKR 代码

代码作为一个整体 -

0 投票
1 回答
128 浏览

javascript - 在哪里以及如何修改嵌入的内容?

我想构建一个指令(我们称它为“A”),它接受 HTML 用于转入内容,并通过ng-click使用自定义逻辑在其上添加处理程序来修改其转入内容。

我认为预链接将是一个很好的地方,但显然我错了(似乎文档建议反对它)。

每个“A”指令都会接受它自己的(唯一的)内容,所以我不能在编译阶段这样做。

link功能中,我不确定我能做什么......

那么,有没有人做过类似的事情呢?

编辑:

我忘了提到这一点:ngClick应该在指令的范围内定义处理程序,而不是在父范围内。我不知道 Angular 是否允许这样做,但这就是我所需要的。

0 投票
0 回答
243 浏览

org-mode - Orgmode Radio 表、pandoc 和 docx

Pandoc(版本 1.13.1)的 docx 转换器显然要求在表格开始之前和表格结束之后有一个空行。对于单选表,这需要BEGIN RECEIVEcookie 之后的空行和之前的空行END RECEIVE。为了让 orgtblSEND命令创建这些空间,我需要指定:tstart:tend如下:

我的问题:为什么:tstartand需要不同的语法:tend?对两者都使用换行符或“\\”不起作用。

0 投票
1 回答
16145 浏览

binding - Angular 指令的隔离范围上的可选双向绑定

问题

我刚刚了解到您可以通过以下方式进行可选的“反向”或回调绑定:

我想看看是否有办法用 2-way binding 做类似的事情。

我尝试使用链接函数的element&attrs参数,但后来我失去了 2-way-binding 回到父级。该方法只允许父子更新。那我还不如只使用@作用域机制。

编辑

我发现这个问题Angular JS directive, change a 2 way data binding in the link 函数,以便回答有关=?. 但是,它不能解决“可选”非绑定值,例如trueor 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

0 投票
1 回答
55 浏览

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.

0 投票
1 回答
2178 浏览

javascript - Angular:将 transclude 与 ng-bind-html 一起使用

我有以下角度设置:

它通过控制器中的 ajax 提取原始 html 标记并将其存储在@scope.html. 在指令中,这个 html 通过ng-bind-html.

html(玉)看起来如下:

它基本上有效。但是在包含的这个 html 中,我有一些半透明的内容,就像{{searchType}}我想要解决的那样。不幸的是,事实并非如此,它在浏览器中显示“{{searchType}}”。我可以改变什么来使嵌入工作?

我阅读了$compileand $transclude,但我不知道如何使用它或者它是否可以帮助我解决我的问题。谢谢!

0 投票
1 回答
704 浏览

angularjs - Angular wrap 分别嵌入元素?

我对 Angular 很陌生。尽管我已经取得了很大的进步,但仍有一些我不知道的事情。

目前我遇到了一个嵌入“问题”。

基本上,我们想要的是用父指令控制的 html 分别包装每个嵌入的元素/指令。

例子:

期望的结果(我保留了指令元素以使示例更加清晰):

有谁知道如何处理这个问题?我知道在我的示例中我可以引入一个面板指令,但请注意这只是同一问题的一个示例。

0 投票
0 回答
319 浏览

javascript - 在编译中断中包含 ng-repeat 的角度

我正在尝试创建一个指令,该指令可以将两件事转换到不同的位置,其中一个是ng-repeat,但是在我的编译函数中使用$transclude break if return undefined is not a function,但是如果我这样做它pre-compile可以工作但ng-repeat没有内容。

我的代码看起来像这样

我也尝试过手动转换,它返回一个空的 ng-repeat

侧边栏项目的模板

指令的使用

交替使用

0 投票
0 回答
129 浏览

angularjs - 如何将嵌入添加到现有的 Angular 属性指令?

我经历了类似的问题,我想我仍然不明白这应该如何工作。

我有以下指令要修改以允许嵌入:

模板看起来与此类似(还有更多,但为简洁起见,我删除了):

我正在使用的 HTML 是这样的:

我以为我可以将“transclude:true”添加到指令中,然后像这样修改模板:

这是我想要渲染的内容:

当然,这似乎行不通。我能够找到的所有示例都显示了限制为“E”的嵌入。

编辑:它似乎与我正在运行的 Angular 版本(1.2.X)有关。我升级到 1.3.7,它突然开始工作了。

0 投票
1 回答
1153 浏览

javascript - AngularJS:使用 Angular 属性指令将元素包装到自定义模板中

情况:

我有一个属性指令,将它的元素包装到模板中。这里是:

我像这样使用它:

问题:

ng-model不工作

这是plunker