为什么这个angularjs例子对plunker不起作用？

Question

在这个有角度的文件中:http://docs.angularjs.org/guide/concepts,有一个例子Directives.

指令

指令是一种行为或DOM转换,它由自定义属性,元素名称或类名称的触发器触发.指令允许您以声明方式扩展HTML词汇表.以下是一个示例,它为HTML中的contenteditable启用数据绑定.

它提供了两个现场演示,一个用于plunker,另一个用于jsfiddle.

• plunker:http://plnkr.co/edit/nsAUafYFA1tHPo52TWUm？p =preview
• jsfiddle:http://jsfiddle.net/rnL84/

为什么jsfiddle运行良好,但是一个不起作用？它们具有完全相同的代码,并且控制台中没有错误.

Answer 1

替换Plunker提供的脚本

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.2/angular.min.js"></script>

Answer 2

骗子在index.htmlng-app中有代替。ng-app='directive'

需要在ng-app中指定script.js javascript 文件中定义的模块（本例中名为指令） ，以使其获取 contenteditable 指令：

angular.module('directive', [])...

请参阅此插件以获得工作版本。