问题标签 [angularjs-compile]

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 回答
159 浏览

javascript - 动态 AngularJS 指令

我正在尝试在我的应用程序的元素中动态插入一个ng-options指令<select>,这些元素都有自己的类名和其他指令(比如ng-if等等)。


密码笔

这个想法是my-directive应该被替换,ng-options并且元素应该仍然像应用到它的所有其他指令一样正常运行。

我不明白为什么ng-model不更新,因为指令的范围是父范围(scope: false)。我试图在compile指令的步骤中进行 DOM 修改,但$scope.items变得未知,甚至没有填充下拉菜单。

0 投票
1 回答
58 浏览

angularjs - 转换 angularjs 菜单指令以支持 ui.router

我在网上找到了一个不错的悬停菜单实现。它非常适合分配href。我想将其转换为与 ui.router 状态和 sref 一起使用。

我在菜单数据对象上添加了 href 和 sref 值。

在它生成和编译 html 的地方,我将 {{node.href}} 更改为“{{ $state.href(node.sref)}}”

但是生成的输出“{{ $state.href(node.sref)}}”就像我写的一样出现,它没有评估。

这是因为在那种情况下 $state 没有定义吗?如果是这样我如何定义它?

如果不是,你能告诉我为什么它不评估吗?

我的最终目标是这样的: {{node.href ? node.href : $state.href(node.sref)}}

如果 node.href 是真实的,它可以工作,但如果 href 未编译,则表达式显示为未定义...所以我知道它正在尝试评估该表达式...我将它转换为 "$state.href(node. sref)" 来简化它...

还有一种方法可以查看 $compile 期间生成的错误吗?

非常感谢任何帮助,我对 Angular 还很陌生,而且我的知识有很多空白,所以请随时提出愚蠢的问题来验证我对问题的基本理解,并用简短的语言进行解释:) 我可能需要那个。

0 投票
3 回答
612 浏览

javascript - 我收到错误 Error: [$compile:tplrt] while using directive in angularjs

在 angularJS 1.3.14

错误是:

错误:[$compile:tplrt] 指令“helloWorld”的模板必须只有一个根元素。

如何解决这个错误?

0 投票
1 回答
885 浏览

angularjs - $sce.trustAsHtml 返回的值不是由 $compile 编译的

我正在尝试使用带有完整日历事件的angular bootstrap-ui 弹出框来使用 html 制作自定义弹出框,如下所述:Getting Angular UI Calendar to work with UI-Bootstrap Tooltips

但我需要使用更复杂的弹出框并且需要使用uib-popover-html如下:

但是当它抛出以下错误时:

错误:[$parse:syntax] 语法错误:标记“<”不是表达式 [ Hello World! ] 从 [ Hello World! ]。

我究竟做错了什么?

0 投票
2 回答
612 浏览

angularjs - 动态添加指令

我正在生成一份包含问题集合的报告。

我创建了一个自定义指令来根据问题类型绘制问题例如问题类型 1 是文本框类型 2 是 textarea

我为每种问题类型创建了一个指令

当我动态添加这些指令时,我通过属性传递数据对象。该数据对象在子指令范围内未定义。我第一次在我的项目中使用 angularjs。

0 投票
0 回答
402 浏览

javascript - html 未在 Angular js 中追加新子项时编译

我正在尝试动态插入节点,但附加的 html 没有正确编译。

这是 Fiddle 上的代码

0 投票
1 回答
543 浏览

javascript - 我在更改 div 的内部 HTML 时遇到问题

我在更改 div 的 html 时发现了一个问题:

ng-bind-html在 java 脚本中设置属性,因为我已经在我的代码中集成了一些插件,这些插件divclass="lab"通过 JavaScript 声明的。该属性binds已正确附加,我在检查元素中检查了这一点。事实上,每当我ng-bind-html在 JavaScript中附加属性时,ng-bind-html它都不起作用。正确的方法是什么?代码中没有错误。

0 投票
2 回答
268 浏览

javascript - 如何从外部指令停止嵌套指令执行?

我正在创建一个指令,如果不满足某些条件,它将限制 HTML 访问。不幸的是,在更改和编译内部 HTML 之前调用内部指令时会出现问题。

是否可以从任何外部指令停止嵌套指令执行?

示例(见控制台):http: //jsfiddle.net/xaQzb/14/

HTML:

应用程序

0 投票
1 回答
18587 浏览

javascript - 在 AngularJS 1.5 内部组件之间传递函数的最佳方式是什么?

我想知道将功能向下传递到 2 个或更多级别的组件的最佳方法是什么?使用“&”绑定时没有简单的方法来跳过函数换行吗?

这是一个用例:

ps:我用的是ngRedux,所以这样的场景很常见

编辑:

问题是:为了让上面的代码工作,每个内部组件控制器看起来像这样:

然后我必须传递_doSomething而不是doSomething直接传递。

ps:我这里没有使用嵌入

0 投票
1 回答
253 浏览

angularjs - AngularJS $compile 和外部指令 ui-codemirror

我正在尝试使用外部模块,使用嵌套指令在代码格式块angular-ui-codemirror中显示$element.html()封闭的 AngularJS 指令ui-codemirror

如果你想知道我为什么需要这样做,请看这里

从示例中我可以很容易地看到如何使用静态文本来实现这一点。我可以通过innerHTML封闭指令的。它只是不会在之后编译成ui-codemirror指令。

在这里看到,可能有必要使用该$compile服务来执行此操作,但我无法使该示例适应这种情况。

这是一些示例 AngularJS 代码:

和html:

我创建了这个 Plunker来说明我的困境。第一个块未格式化。第二个块(静态)被格式化。