问题标签 [directive]

最近我尝试编写一个 AngularJS 指令来与 Jquery UI 自动完成小部件一起使用。该指令以这种方式使用：

它应该用作自动完成小部件，并将所选项目存储到模型 $scope.lan。

最后我成功了，但是发现我必须放一个“div”标签包裹“input”标签，即

如果没有“div”包装，Chrome 会报错：TypeError: Cannot set property 'nodeValue' of undefined

使用的库是：jquery 1.8.3 jquery UI 1.9.2 angularjs 1.0.3

我在 jsfiddle http://jsfiddle.net/QSBvh/23/中上传了代码， 你可以去掉 div，看看结果。

以下是指令：

新发现。当我将 .autocomplete 放入

突然，不需要“div”包装。很奇怪。

基本上，我如何才能从指令中听到表达式的变化？

我正在使用无证ng-required有条件地要求某个字段：

这很好用（这里是 Plunkr）。唯一的问题是它保留了placeholder“必需”文本，而不管它是否实际需要。

所以，我决定创建自己的指令。这是它应该如何工作的：

这个想法类似于 angular's ng-class，但我无法做到这一点。这是我到目前为止所得到的：

它记录了一个很好的对象，我可以用它来确定placeholder值：

但是我如何挂钩$digest/$apply循环以在更改placeholder时更新属性partner？

我在代码中有以下行：

我在这条线上收到一个错误，上面写着，Too many arguments to method call, expected 1, have 2

我是否超过了最大长度？如果有，最大长度是多少？无论如何，实际的信息似乎很荒谬。

根据请求，这里是上下文：

为了完整起见，这是有问题的行：

这是更正的版本：

这是该方法的声明：

方法 helpText 只是在屏幕上显示内容以帮助测试人员的临时方法。

我正在尝试使用simplePagination 中使用的概念编写一个指令来生成分页链接，上一个和下一个链接是唯一生成的链接，单击它们会产生错误：

这是小提琴http://jsfiddle.net/kelvo/zZURe/

编辑 1

得到了其余的链接来显示，但双向绑定“=”似乎不起作用。

这是新的小提琴http://jsfiddle.net/kelvo/zZURe/7/

.IF 和 IF 指令在汇编中有什么区别？在 .IF 的文档中：

对于 IF ：

我正在尝试创建一个指令，该指令将创建一个与创建指令的元素具有相同 ng-model 的输入字段。

到目前为止，这是我想出的：

HTML

JavaScript

但是，我不确定这是处理这种情况的正确方法，并且存在一个错误，即我的控件没有使用 ng-model 目标字段的值进行初始化。

这是上面代码的 Plunker：http: //plnkr.co/edit/IvrDbJ

处理这个的正确方法是什么？

编辑：ng-model="value"从模板中删除后，这似乎工作正常。但是，我会保持这个问题的开放性，因为我想仔细检查这是这样做的正确方法。

我正在为 AngularJS 制定一个指令，该指令构建一个可标记元素并利用TagsInput

这是一个工作小提琴：http: //jsfiddle.net/mgLss/

不知道为什么，但是当我将该指令添加到我的应用程序时，它可以正常工作，但是在它下面运行 angular 的任何其他东西都会失败，并且我收到以下错误消息：

我在 IRC 上花了最后一个小时，但我的问题没有得到任何确认，所以这里希望 Stack 能够像以前一样多次来救援。

我正在寻找有关嵌套 AngularJS 指令的帮助：

http://jsfiddle.net/vankirkc/ezN3M/28/

例如，我定义了一组自定义指令元素，包括容器和项目。我这样安排它们：

然后定义每一个。您可以从附加的 jsFiddle 中看到，没有为嵌套项调用编译函数，但是当项元素​​被移出容器时，它们是（表明编译函数本身没有问题。

为什么嵌套指令不触发编译事件？

这大致基于 Angular 主页上的这个示例：

http://jsfiddle.net/vankirkc/HpHeW/

我无法弄清楚为什么他们的孩子正确解析而我的孩子却没有。

对于我的项目，我要求定义不修改 DOM 的指令，也不在 DOM 中留下它们存在的工件。我似乎无法使用 AngularJS 完成这项工作。

考虑这些例子：

相关指令定义如下：

编译后，我希望生成的 DOM 元素如下所示：

但是缺少模板似乎会导致 AngularJS 忽略替换请求，从而使生成的 DOM 元素看起来像这样：

如何强制 AngularJS 在编译后的 DOM 中删除这些属性？

一个 jsFiddle 展示了这一点，可以在这里找到：

http://jsfiddle.net/vankirkc/ezN3M/34/

更新：

可以在创建后删除创建的属性，但我真正要寻找的是某种利用模板定义参数来拦截 DOM 元素的创建的方法，这样它就不会复制此指令。看来这在 1.0.3 版中是不可能的。

我尝试将 Beautifull WYSIWYG Redactor ( http://imperavi.com/redactor/ ) 集成到自定义 AngularJS 指令中。

Visualy 它可以工作，但我的自定义指令与 ng-model 不兼容（我不明白为什么）

这就是你可以使用我的指令的方式：

这是指令代码：

最后这是小提琴-> http://fiddle.jshell.net/MyBoon ​​/STLW5/