使用指令/$compile将HTML设置为属性

Question

我的模块的控制器有一个属性作为字符串，我在其中组装HTML。

在指令中，我尝试将html-字符串分配给工具提示的一个属性，即“tooltip不安全”。

我能够将整个元素分配给这个工具提示属性。如何访问父范围的属性？

请查看我的plunkr中给出的代码：http://plnkr.co/edit/rTq8zrKdc3qABrc9Tde6?p=catalogue

Answer 1

有两件事：

1. 您需要更新$scope.contentHTML的值(仅仅设置var值并不更新$scope值)。如果您只想从指令中读取该值，可以使用scope.contentHTML在链接函数中访问该值。
2. 如果希望能够从指令中设置父作用域的contentHTML属性，则可以在指令中使用scope属性并将值设置为"=“。然后，您可以在链接函数中从scope访问它。例如： app.directive("tooltipView"，$compile){返回{限制："AE"，作用域：{ tooltipView："=“}，链接:函数(作用域，元素，吸引){ console.log(scope.tooltipView)；}；}；

如果您计划在您的指令(上面的第2号)中为作用域使用"="符号值，您还需要在您的HTML中告诉您的指令要映射到哪个范围值。因此：<p tooltip-view="contentHTML">Hello {{name}}!</p>会将链接函数中的scope.tooltipView映射到控制器中的$scope.contentHTML。

查看基于您的柱塞：http://plnkr.co/edit/HskBFNRW8mC8QmVWr3hP

Answer 2

若要从当前作用域访问父作用域，请执行以下操作：

scope.$parent.someValue