问题标签 [custom-directive]

我必须创建一个元素自定义指令，它将由两个 html 元素组成。第一个是单选按钮组，其值为是或否。否是默认值。如果单击是，则应显示输入文本字段。如果输入，我应该能够保持收音机的默认值并获取文本字段的值。

请帮助我使用任何模板

我尝试创建以下指令

我试图在元素中调用 theValue 变量，它会引发错误：

有谁知道如何在元素中调用局部变量？

非常感谢！

我正在尝试解决 Angular Material 中用于自动完成的一个已知错误，在该错误中，将任何类添加到自动完成不会被传递到 md-input-container 子元素。在此处跟踪错误。遵循 angular wiki 上用于扩展指令的一些基本说明，我最终采用了以下方法来解决该问题，我认为这会将正确的 md-accent 类添加到我的所有输入容器中。

有了这个，我在调试器中清楚地看到指令扩展正在运行的输出，并在页面上找到元素。它会发现以下内容：

0:md-input-container.md-icon-float.md-accent 1:md-input-container.ng-scope

我不明白的是为什么它将 md-accent 类添加到第一个而不是第二个？第一个 md-input-container 单独在页面上，第二个在 md-auto-complete 内。我仍然是 Angular 的新手，并试图弄清楚何时执行此扩展。当它清楚地找到它们时，为什么不能附加到数组中的两个元素？我错过了什么？

我做了一个自定义attr directive，我将在兄弟元素中使用它，例如：

我还做了一个service控制我所有指令的方法。在这里面我想知道我的指令的数量customAttrDirective。

PS：我不能通过类名搜索来做到这一点（因为我在指令中添加了类），我不能通过属性（指令名）搜索来做到这一点，因为角度发生了变化。

编辑：将错误的 sintax 替换customAttrDirective="'value'"为[customAttrDirective]="'value'"

非常感谢。

父页面.html

指令控制器

编辑 - 我将模态更改为模型，但我仍然遇到同样的错误......

函数 validateData() 在父页面上，但在页面加载时我收到此错误 -'Error: [Error] [$compile:ctreq] Controller 'ngModel', required by directive 'ngChange', can't be found!'

我尝试了一切但无法解决问题，总的来说，我只是想调用一个函数来验证编辑后的数据，为此我正在使用“ngChange”。请让我知道我错在哪里，非常感谢您的帮助:)

我编写了一个新指令（showfor），以使用 angular 和 bootstrap 在我的 UI 中启用弹出窗口。“showfor”指令在 html 中有效，但在数据内容中无效。我需要弹出框来显示列表（而不是整个数组）。任何形式的帮助将不胜感激。

代码是：

查看演示的 plunkr 链接：https ://plnkr.co/edit/aJF4QIlGbMdpHZAvU8m9?p=preview

我正在尝试编写一个 Vue 指令，该指令在评估组件之前更新组件的属性。

例如，考虑以下内容。

b-modal 是一个 Vue 组件，它有一个名为“title”的属性。我想要一个自定义指令，可以在翻译提供的键后设置属性标题。

也就是说，我希望上面的代码被指令重写为：

到目前为止，我已阅读以下资源，但没有找到有关如何执行此操作的参考。

https://css-tricks.com/power-custom-directives-vue/ http://optimizely.github.io/vuejs.org/guide/directives.html

我目前的尝试如下所示：

遗憾的是，这种尝试失败了。它会导致最终 DOM 元素发生变化，并且不会影响传递给 Vue 组件的属性。

如何修改上述指令以将过去的属性更改为 b-modal 组件？

我们正在尝试使用 angular1.x 自定义指令作为属性启用 html 输入标签中的功能，它会工作吗？根据我的研究，我到处都看到作为属性的自定义指令始终与 div 标签一起使用。请给出一些指针。我们不想将任何东西分配给 ng-model。我们创建了一个我们想要使用的指令输入标签作为属性。

无法获取隔离范围“检查”的值。出于测试目的，我将索引值传递给“检查”。当 ng-repeat 完成时，我必须添加动画，但是“scope.$last”也给出了未定义的值。我不会发现我的代码语法或逻辑有什么问题。

我遇到了 Angular 指令的问题。

我的目标是mmContentRow使用ng-repeat. 该指令mmContentRow有一个模板，其中relativeDate呈现另一个指令。

问题是它relativeDate不会在内部呈现mmContentRow。我已经尝试了很多解决方案，但到目前为止还没有。这是代码：

parent.html：

mm-content-row.js

mm-content-row.html：

relative-date.js：

示例数据：

渲染输出：

预期输出：

据我所见，relative-date里面的指令内部ng-repeat没有被编译。我希望 Angular 能够自动编译它，但它似乎没有发生。我应该明确告诉 Angular 在relative-date里面编译mmContentRow吗？

更新：我用我的问题的简化版本创建了一个小提琴：http: //jsfiddle.net/cbrwizard/4e2r2o07/。一切都在那里工作。诡异的！如果我弄清楚小提琴和我的代码之间的区别，我将在这里发布更新。