Javascript 理解角度指令

我使用Angular.JS 1.1.5版，并使用stackoverflow上的以下代码更改div的背景图像：

angular.module('app', [])
.directive('ng-background', function(){
  return function(scope, element, attrs){
    var url = attrs['ng-background'];
    element.css({
      'background-image': 'url(' + url +')',
      'background-size' : 'cover'
    });
  };
});

然后，在我的HTML中，我有以下内容（jade模板）

现在，请考虑FraseIGGSRC是否工作并返回正确的图像URL，因为我以前曾用<代码> IMG（NG SRC=“{{旗子.IMGSRC}}”）< /COD> < /P>测试它。

---

问题是它似乎根本不起作用！我试图在指令中放入

console.log（'test'）

，但它似乎没有被调用。你知道为什么吗？提前感谢。

这是因为为了方便起见，您需要将指令重命名为

ngBackground

Angular convertssnake case为camelCase

示例：

.directive('ngBackground')

HTML

典型

App.directive('myAmazingDirective');

HTML

---

这是因为为了方便起见，您需要将指令重命名为

ngBackground

Angular conversionssnake-case为camelCase

示例：

.directive('ngBackground')

HTML

典型

App.directive('myAmazingDirective');

HTML

---

您的指令可能永远不会被调用。对于一个名为“ng background”的指令，我甚至不知道您如何称呼它。通常，指令的大小写名称转换为HTML中使用的虚线名称

引用AngularJS官方文档中的一个示例。它们创建一个名为myCurrentTime的指令，并通过以下方式调用它：

<span my-current-time="format"></span>

---

查看本页上的“编写指令（简短版本）”：

您的指令可能永远不会被调用。对于一个名为“ng background”的指令，我甚至不知道您如何称呼它。通常，指令的大小写名称转换为HTML中使用的虚线名称

引用AngularJS官方文档中的一个示例。它们创建一个名为myCurrentTime的指令，并通过以下方式调用它：

<span my-current-time="format"></span>

---

看看这页上的“编写指令（简短版本）”：

我真的看不出这有什么方便！无论如何谢谢你！另外，指令内部的attrs['ng-background']呢？应该是骆驼壳还是蛇壳？没错，也许只是有一个更大的学习曲线。不管怎样，它似乎对我仍然不起作用，有没有办法检查一下？我在return语句之前添加了console.log，对吗？应该叫它一切都安排好了吗？好的，明白了。是的，问题似乎是另一个。。。你有两分钟的时间聊天吗？好的，明白了。如果我插入直接url，它似乎可以工作，但它不适用于类似ng background=“{{flags.imgSrc}}”的东西，这很奇怪，它适用于ng src。。。。知道为什么吗？我真的看不出这有什么方便！无论如何谢谢你！另外，指令内部的attrs['ng-background']呢？应该是骆驼壳还是蛇壳？没错，也许只是有一个更大的学习曲线。不管怎样，它似乎对我仍然不起作用，有没有办法检查一下？我在return语句之前添加了console.log，对吗？应该叫它一切都安排好了吗？好的，明白了。是的，问题似乎是另一个。。。你有两分钟的时间聊天吗？好的，明白了。如果我插入直接url，它似乎可以工作，但它不适用于类似ng background=“{{flags.imgSrc}}”的东西，这很奇怪，它适用于ng src。。。。知道为什么吗？

<span my-current-time="format"></span>