Javascript Angular：我的独立属性未在简单指令中绑定

我用它来理解如何使用具有隔离作用域的指令显示图像。获取要绑定的属性缺少什么？在我的ide中，我可以输出图像，但指令不起作用。小提琴什么也不显示：-(

小提琴：

这将在我的程序中输出：

 output:{{photo.url}}
<img ng-src='http://www.w3schools.com/js/pic_bulboff.gif' />

输出：{{photo.url}

这是不输出的：

 <my-d photo-src={{photo.url}} ></my-d>

---

您的JSFIDLE配置中有剩余数据

以下是我所做的工作，让它发挥作用

删除外部资源，因为您将angular 1.0.1与angular 1.2.1一起使用

删除选项面板中的车身标签

myModule

删除对未定义变量

app

的调用，并使用

angular.module

//我的主应用程序文件
angular.module（'myApp'，['myDirectives']）；
//我的指令文件
模块（'mydirections'，[]）；
//控制器一个文件
角度.module（'myDirectives'，[]）.directive（'myD'，function（）{
返回{
限制：'E'，
模板：“”，
替换：正确，
//将这两个名称从attrs传递到模板范围
范围：{
photoSrc:“@”
}
}
})

当我将原来的模块链接方法切换为全局应用程序方法时，一切正常：

   var app = angular.module("myApp", []);
       app.directive('myD', function() {
           return {
               restrict: 'E',
               template: '<figure> <img ng-src="{{photoSrc}}"/> </figure>',
               replace: true,
               // pass this name from attrs into the template scope
               scope: {
                   photoSrc: '@'
               }
       }
    });

var-app=angular.module（“myApp”，[]）；
app.directive（'myD'，function（）{
返回{
限制：'E'，
模板：“”，
替换：正确，
//将此名称从ATTR传递到模板范围
范围：{
photoSrc:“@”
}
}
});

但我不会是一个快乐的露营者，除非我弄清楚链结声明有什么问题，因为它在其他地方运行良好。有人吗？Fiddle仍然不起作用，所以我认为它可能是一个问题。

---

编辑：使用链接方法也可以。一次一个婴儿步骤：-）

Merci Aduch。正如你所看到的，我们的答案是交叉的，但我很高兴我可以再次使用链接。是的，有时在一个配置的多个版本上工作很困难，请后退一步，再次前进，留下一些痕迹；）陈子：我认为不需要控制人的原因是状态没有变化。init指令足以传递数据。

   var app = angular.module("myApp", []);
       app.directive('myD', function() {
           return {
               restrict: 'E',
               template: '<figure> <img ng-src="{{photoSrc}}"/> </figure>',
               replace: true,
               // pass this name from attrs into the template scope
               scope: {
                   photoSrc: '@'
               }
       }
    });