问题标签 [angularjs-ng-transclude]

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 投票
1 回答
395 浏览

angularjs - transclude 不工作(AngularJS 1.2 + Internet Explorer 8)

在链接函数中运行带有 transclude 选项的 AngularJS 指令,transclude() 函数在 IE8 中不会返回任何 Clone。它适用于 IE9

HTML

JS

http://plnkr.co/edit/osOY27AUcRSO7QyfRsP9?p=preview

任何想法?

0 投票
1 回答
77 浏览

javascript - 编译嵌入模板

我需要将覆盖层附加到主体上,一旦完成就将其删除。它第一次工作,但下次我附加它时不会触发 ng-click,所以我假设它没有被编译。有人可以在这里给出解决方案吗?

0 投票
1 回答
1337 浏览

angularjs - 如何在嵌入模板中获取 ng-repeat 项目?

如何在嵌入模板中使用 ngRepeat 项目?可能吗?

指令模板:

指示:

控制器视图:

0 投票
0 回答
227 浏览

angularjs - 未创建隔离范围时如何访问指令的子控制器方法

我正在尝试创建一个指令,它有自己的控制器,其中包含一些方法。我正在设置scope:false以确保该指令不会创建一个孤立的范围。

指令定义是:

用法:

我无法访问该方法someMethod()。当我试图通过batarang找到它时,我什至没有把它放在任何范围内。有人可以帮忙吗?

0 投票
2 回答
447 浏览

javascript - ng-transclude 显示元素两次

为什么这个transcluded指令重复Name inside directive = Frank两次?

我以为我理解了嵌入,但这让我很困惑。

这是一个小提琴

0 投票
1 回答
813 浏览

javascript - 带有 bindToController 的指令无法从子指令中获取数据

我正在尝试编写一个指令,该指令从其子指令的输入构建一个对象并将其推送到作为参数提供的数组中。就像是:

我希望收集如下数据:

这是带有代码的 plunker

  • 更新 1:@jrsala 包括范围和 bindToController 语法更改

我无法弄清楚这些指令的通信方式。我期望input 链接中定义的对象将在每个指令的范围内隔离并推送到on提供的对象。结果是input对象在所有实例之间共享,并且只有一个对象被推送到数组中。

我猜嵌入的范围规则让我感到困惑,但我真的不知道在哪里。有任何想法吗?谢谢!

0 投票
1 回答
476 浏览

angularjs - 如何在 Angular UI Bootstrap 上进行嵌入指导性工作?

我目前正在尝试创建一个包含两个嵌入部分的指令,但到目前为止还没有成功。现在我发现tabAngular UI Bootstrap 的指令就是这样做的!不幸的是,他们在源代码中使用的角度诡计显然太先进了,我无法理解。

示例中,它们具有以下代码:

这正是我需要的。有人可以向我解释我需要采取的步骤,以便将<tab-heading>内容嵌入一个位置,而将其他内容嵌入另一个位置吗?

我在来源中不明白的事情:

  • 没有指令tabHeading只有一个tabHeadingTransclude. 那么如何<tab-heading>找到元素呢?我也没有在任何地方看到对此类元素的查询。
  • 我也不明白这两个 transclude-directivestabContentTranscludetabHeadingTransclude.
0 投票
1 回答
147 浏览

angularjs - 如果 transclude: false,transclusion 在这里如何工作?

我正在尝试了解有关高级自定义指令的更多信息,并且正在查看以下源代码:

https://github.com/dpiccone/ng-pageslide/blob/master/dist/angular-pageslide-directive.js

我注意到在第 11 行,transclude: false,

然而,这个指令被包裹在一个 div 周围。转入是怎么做的?

因此给出的例子是:

0 投票
0 回答
514 浏览

angularjs - Angular js中的ng-transclude

根据 angular.js 中 Transclusion 的定义“启用 transclude 后,视图中欢迎元素中存在的任何内容都将附加到模板中具有 ng-transclude 属性的任何元素的内容中。 ”,我试图了解以下行为:-

角代码: -

现在,如果你给ng-transclude里面h2的标签下的内容h2会被破坏,但是当我给ng-transcludediv 它工作正常。根据定义,此处的嵌入表示这些值将附加到标签之间的任何内容。如果我错了,请收集我。

0 投票
2 回答
1995 浏览

javascript - 我得到 TypeError: transclude is not a function 也无法在 angularjs 的 select2 中绑定选择选项值

我使用 angularjs 获得了一个用于 multi select2 下拉列表的 plunker 代码。它工作正常,除了在使用我的代码运行时选项值未绑定在选择选项中。

我已经链接了下面的 plunker 演示,但是 plunker 中的代码执行得很好,没有任何错误,但不知何故我在使用我的代码运行时遇到了这个错误......

控制台错误:

在此处输入图像描述

插件链接:

http://plnkr.co/edit/juqoNOt1z1Gb349XabQ2?p=preview

这是包含这个演示模块和我的模块,如下所示,

我正在与这个错误作斗争,任何人都可以给我建议。

供您参考在控制台中渲染的 HTML 代码: