问题标签 [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.
javascript - 动态 AngularJS 指令
我正在尝试在我的应用程序的元素中动态插入一个ng-options
指令<select>
,这些元素都有自己的类名和其他指令(比如ng-if
等等)。
这个想法是my-directive
应该被替换,ng-options
并且元素应该仍然像应用到它的所有其他指令一样正常运行。
我不明白为什么ng-model
不更新,因为指令的范围是父范围(scope: false
)。我试图在compile
指令的步骤中进行 DOM 修改,但$scope.items
变得未知,甚至没有填充下拉菜单。
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 还很陌生,而且我的知识有很多空白,所以请随时提出愚蠢的问题来验证我对问题的基本理解,并用简短的语言进行解释:) 我可能需要那个。
javascript - 我收到错误 Error: [$compile:tplrt] while using directive in angularjs
在 angularJS 1.3.14
错误:[$compile:tplrt] 指令“helloWorld”的模板必须只有一个根元素。
如何解决这个错误?
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! ]。
我究竟做错了什么?
angularjs - 动态添加指令
我正在生成一份包含问题集合的报告。
我创建了一个自定义指令来根据问题类型绘制问题例如问题类型 1 是文本框类型 2 是 textarea
我为每种问题类型创建了一个指令
当我动态添加这些指令时,我通过属性传递数据对象。该数据对象在子指令范围内未定义。我第一次在我的项目中使用 angularjs。
javascript - html 未在 Angular js 中追加新子项时编译
我正在尝试动态插入节点,但附加的 html 没有正确编译。
javascript - 我在更改 div 的内部 HTML 时遇到问题
我在更改 div 的 html 时发现了一个问题:
我ng-bind-html
在 java 脚本中设置属性,因为我已经在我的代码中集成了一些插件,这些插件div
是class="lab"
通过 JavaScript 声明的。该属性binds
已正确附加,我在检查元素中检查了这一点。事实上,每当我ng-bind-html
在 JavaScript中附加属性时,ng-bind-html
它都不起作用。正确的方法是什么?代码中没有错误。
javascript - 如何从外部指令停止嵌套指令执行?
我正在创建一个指令,如果不满足某些条件,它将限制 HTML 访问。不幸的是,在更改和编译内部 HTML 之前调用内部指令时会出现问题。
是否可以从任何外部指令停止嵌套指令执行?
示例(见控制台):http: //jsfiddle.net/xaQzb/14/
HTML:
应用程序
javascript - 在 AngularJS 1.5 内部组件之间传递函数的最佳方式是什么?
我想知道将功能向下传递到 2 个或更多级别的组件的最佳方法是什么?使用“&”绑定时没有简单的方法来跳过函数换行吗?
这是一个用例:
ps:我用的是ngRedux,所以这样的场景很常见
编辑:
问题是:为了让上面的代码工作,每个内部组件控制器看起来像这样:
然后我必须传递_doSomething
而不是doSomething
直接传递。
ps:我这里没有使用嵌入
angularjs - AngularJS $compile 和外部指令 ui-codemirror
我正在尝试使用外部模块,使用嵌套指令在代码格式块angular-ui-codemirror
中显示$element.html()
封闭的 AngularJS 指令ui-codemirror
。
如果你想知道我为什么需要这样做,请看这里。
从示例中我可以很容易地看到如何使用静态文本来实现这一点。我可以通过innerHTML
封闭指令的。它只是不会在之后编译成ui-codemirror
指令。
我在这里看到,可能有必要使用该$compile
服务来执行此操作,但我无法使该示例适应这种情况。
这是一些示例 AngularJS 代码:
和html:
我创建了这个 Plunker来说明我的困境。第一个块未格式化。第二个块(静态)被格式化。