问题标签 [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.
javascript - 在 ng-repeat 上嵌入
我试图在指令中重复一个指令,这样我就可以在每个指令上都有一个模板,但问题是我只能在使用ng-transclude时显示第一个条目
这是我到目前为止所做的
对于控制器
我只得到鼠标
我准备了一个小提琴来看看它的实际效果 点击这里
请提供任何帮助。
先感谢您
angularjs - 嵌入儿童的角度点击事件
我正在尝试在我的指令中的嵌入子元素上触发点击事件。它不工作。由于某种原因,我似乎无法访问父范围。
javascript - angularjs transclude 和 ng-repeat:做对了
我有以下代码不会产生预期的结果:
结果是:
似乎 ng-repeat 先完成,最后一个项目处理嵌入。我知道 ng-repeat 在编译阶段创建节点,但我认为在链接阶段会为每个节点调用链接函数并添加嵌入的内容。
有人可以解释这里发生了什么以及如何正确地做到这一点吗?
javascript - 使用隔离范围的 Angular 指令
我正在尝试制作一个 Angular 指令,它需要一些数据并根据输入修改范围变量,但我无法让它工作。
这是我的 JS 的简化版本:
这是我的 HTML:
它的小提琴在这里:http: //jsfiddle.net/k66Za/60/
任何帮助,将不胜感激!
angularjs - 分析嵌入的内容
我有指令,它包含一个任意内容,它应该包含一些可以用 ngRepeat 创建的子项。在 link 或 transcludeFn 中,我可以访问子模板,而不是完成的 DOM。鉴于此,我如何计算每个孩子的 .width() 之和?
javascript - AngularJS - 从嵌入指令范围内的函数更新父控制器范围内的变量
父控制器作用域变量如何从嵌入指令作用域的函数中更新?
我通过以下方式使用嵌入将指令嵌入到另一个指令中:
my-table 和 my-getter-button 的代码如下:
my-table
模板:
my-table
指示:
my-getter-button
指令(带模板):
我期待scope.$parent.instance = data; // or scope.instance = data;
更改父控制器scope.instance
,但它没有。
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?
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>
确实有效,但它看起来非常hackish,并且可能导致错误,例如如果我的指令未与account
未定义对象的父范围一起使用。
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