问题标签 [angularjs-directive]

为什么在下面的示例中初始渲染值是{{ person.name }}而不是David？你会如何解决这个问题？

现场示例在这里

HTML：

JS：

我认为一些示例代码可以解释我的目的。

一些带有角度的html代码：

您可以看到我想定义一个自定义指令“show-result-as-text”。它应该使用角度指令呈现内部 html 代码，然后将它们显示为文本。

最终的 html 应该是：

并且当buttons值改变时，转义的 html 也应该改变。

我试过自己写一个，但工作 2 小时后失败了。

更新

现场演示： http: //plnkr.co/edit/fpqeTJefd6ZwVFEbB1cw

从 angularjs 的文档中，定义指令时，有一个postLinkincompile和一个postLinkinlink

他们之间有什么区别？我注意到postLinkinlink的参数小于in 的参数compile。还有其他区别吗？

angularjs的文档：

在postLink函数里面compile，是否可以设置一些文本iElement？

我试过了：

但似乎它们都没有奏效。

我写了一个指令，它有一个postLink，我编译了一些 html 代码并用 angularjs 渲染它。但问题是我无法从生成的 DOM 中获取 html 代码。

我的代码是：

你可以看到我用来console.log打印的值s。在控制台中，它输出：

您可以看到console.log(s)并console.log(s[0])拥有很多信息，但是当我使用 时outerHTML，内部按钮都不见了。

我也尝试使用 jquery: jQuery(s[0]).html()，但同样的事情发生了。

s将其转换为 html 代码的正确方法是什么？

我正在尝试$viewValue从指令内部对控制器进行角度观察。

小提琴：http: //jsfiddle.net/dkrotts/TfTr5/5/

照原样，$watch 函数没有从控制器内部捕获 2 秒后完成的模型更改。我错过了什么？

I'm using Angular to create a simple directive. I'd like to display the model properties x and y as attributes in the directive. However, instead of the values x and y in scope.textItems, I only get 'item.x' and 'item.y' as the values.

Can one of you tell me why?

thanks!

我有以下穿梭箱指令：

我的模板如下所示：

我想要做的是从 ng-options 中继器中获取<shuttle-boxes>并使用它来填充<select class="shuttle-boxes-left">.

我试图做到这一点的方法不起作用只是将 ng-options 属性复制到选择列表中，如下所示：

这是小提琴：http: //jsfiddle.net/dkrotts/tHTAY/1/

我究竟做错了什么？

我设置了一个指令，为 keydown 和 keypress 事件绑定一个函数。当输入快捷键时，该指令设置表单上输入的焦点。

是否可以触发按键事件以对我的指令进行单元测试？在此先感谢您的帮助。

出于某种原因，当在 ng-click 中使用 {{$index}} 时，AngularJS 不会触发该事件。

我的html：

jsfiddle：http: //jsfiddle.net/Lcasg/3/

任何人都知道如何解决这个问题？谢谢