问题标签 [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 回答
86 浏览

javascript - 在 ng-repeat 上嵌入

我试图在指令中重复一个指令,这样我就可以在每个指令上都有一个模板,但问题是我只能在使用ng-transclude时显示第一个条目

这是我到目前为止所做的

对于控制器

我只得到鼠标

我准备了一个小提琴来看看它的实际效果 点击这里

请提供任何帮助。

先感谢您

0 投票
1 回答
503 浏览

angularjs - 嵌入儿童的角度点击事件

我正在尝试在我的指令中的嵌入子元素上触发点击事件。它不工作。由于某种原因,我似乎无法访问父范围。

0 投票
3 回答
1426 浏览

angularjs - AngularJS - 带有 ng-transclude 的指令,没有双向绑定

看那个DEMO

为什么当我更改obj自定义指令中的范围变量时,ng-transclude我没有在MainCtrl $scope.obj.

但是当我$scope.obj = { name : 'test' };MainCtrl双向绑定中以我期望的方式工作时。

查看工作演示

这种行为的解释是什么?

0 投票
1 回答
242 浏览

javascript - angularjs transclude 和 ng-repeat:做对了

我有以下代码不会产生预期的结果:

结果是:

似乎 ng-repeat 先完成,最后一个项目处理嵌入。我知道 ng-repeat 在编译阶段创建节点,但我认为在链接阶段会为每个节点调用链接函数并添加嵌入的内容。

有人可以解释这里发生了什么以及如何正确地做到这一点吗?

0 投票
2 回答
48 浏览

javascript - 使用隔离范围的 Angular 指令

我正在尝试制作一个 Angular 指令,它需要一些数据并根据输入修改范围变量,但我无法让它工作。

这是我的 JS 的简化版本:

这是我的 HTML:

它的小提琴在这里:http: //jsfiddle.net/k66Za/60/

任何帮助,将不胜感激!

0 投票
1 回答
68 浏览

angularjs - 分析嵌入的内容

我有指令,它包含一个任意内容,它应该包含一些可以用 ngRepeat 创建的子项。在 link 或 transcludeFn 中,我可以访问子模板,而不是完成的 DOM。鉴于此,我如何计算每个孩子的 .width() 之和?

http://embed.plnkr.co/o492ObrHC65zbCMxIhxu/

0 投票
1 回答
386 浏览

javascript - AngularJS - 从嵌入指令范围内的函数更新父控制器范围内的变量

父控制器作用域变量如何从嵌入指令作用域的函数中更新?

我通过以下方式使用嵌入将指令嵌入到另一个指令中:

my-table 和 my-getter-button 的代码如下:

my-table模板:

my-table指示:

my-getter-button指令(带模板):

我期待scope.$parent.instance = data; // or scope.instance = data;更改父控制器scope.instance,但它没有。

0 投票
1 回答
1287 浏览

angularjs - Dynamically adding Angular ui-select to page

I am attempting to add dom element to the page after returning from an ajax request. The dom element contains ui-select directives, and I am getting this error:

I am adding the content to the page like this:

where -contents- contains the ui-select directives below:

Any ideas on how better to accomplish this?

0 投票
1 回答
402 浏览

angularjs - ngModel 在 Transcluded html 中需要 $parent

我有一个输入字段的指令,它使用嵌入来获取包含在包含ng-model属性的指令元素中的元素。在阅读了无数的 SO 问题和 Angular 文档以了解如何ng-model在嵌入的 html 中与ng-model我的指令同步后,我终于偶然发现了一个让它工作的技巧。$parent那就是使用ng-model输入字段内的位置。这一切都很好而且很花哨,但是,它看起来很笨拙/笨拙。

Plunker 显示在这里: http ://plnkr.co/edit/gEje6Z2uuTs9DFPeCZfv

我试图通过在我的链接函数中搞乱嵌入函数来使它更优雅一点,如下所示:

```

```

此外,在这个 Plunker 中显示: http ://plnkr.co/edit/11k9LiA5hyi4xydWBo3H?p=preview

有人会认为嵌入函数将允许您用指令的范围覆盖嵌入范围,然后ng-model属性将关联并绑定到指令范围,但事实并非如此。

虽然,$parent.<ng-model>确实有效,但它看起来非常h​​ackish,并且可能导致错误,例如如果我的指令未与account未定义对象的父范围一起使用。

0 投票
1 回答
485 浏览

javascript - AngularJS:ngRepeat 范围在具有隔离范围和 ngTransclude 的自定义指令中失败

我基于 JQuery Steps 插件制作了一个自定义指令(“向导”)。但是在我的指令中使用 ngRepeat 时我遇到了问题。该指令使用 ngTransclude,因此我可以在页面标记内提供步骤内容。

我离 Angular 专家还差得很远,但我能找到的是,它是 Angular 中的一个错误/异常事故,其中 ngRepeat 在具有隔离范围和嵌入的指令中使用。就像这里提到的 https://github.com/angular/angular.js/issues/7874但我似乎无法得到任何建议:\

该指令如下所示:

标记

如何在控制器中设置数据

任何想法都非常感谢,在此先感谢!

更新 25/3: 在此处添加 plnkr http://plnkr.co/edit/kNl4UEoUa7zU4CgWaGSa?p=preview 当我在指令中添加隔离范围时,中继器停止工作。如果我忽略了隔离范围,似乎 ngRepeats 被编译了多次。

更新 2 25/3: 添加了带有 Vinays 编译建议的新 plunkr - ng-repeat 现在只编译一次。但是在控制器范围内与 ngModel 的双向绑定不起作用http://plnkr.co/edit/TR3XxvV4IYI66h4pY5hx?p=preview