angularjs – 指令要求中的问号

前端之家收集整理的这篇文章主要介绍了angularjs – 指令要求中的问号前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我正在遵循一个教程,试图获得一个需要使用ngModel的指令:
app.directive("contenteditable",function() {
    return {
        restrict: "A",require: "ngModel",/* etc. */

这无法加载说:

Controller ‘ngModel’,required by directive ‘contenteditable’,can’t be found!

看着类似的代码in the angular docs,我改了require行:

require: "?ngModel"

现在工作正常我猜呢?使它是可选的,但对我来说没有多大意义。问号是做什么的(如果不明显)为什么允许指令工作?

这正是你猜到的:做出指令可选。

基本上,这些在定义指令要求时可以随时使用:

> someDirective:在同一个元素上需要someDirective,并将其传递给链接函数
>?someDirective:将someDirective控制器传递给相同的元素到链接函数。如果没有,请传递null。
> ^ someDirective:在一个父元素上需要someDirective,并将其传递给链接函数
>?^ someDirective:将someDirective控制器传递给一个父元素链接功能。如果没有,请传递null。

如果您的指令需要多个其他指令,则可以使用相同的操作,但传递如下所示的数组:

require: ['firstrequiredDirective','^secondrequiredDirective']

这一次,您将获得一系列必需的指令的控制器传递给您的链接功能

在你的情况下,如果具有contenteditable指令的元素具有ngModel,那么ngModelController将被传递给你的链接函数

如果没有ngModel指令,它将通过null。

猜你在找的Angularjs相关文章