angularjs - 为什么这个 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 一个很好用，而 plunker 一个不行？它们具有完全相同的代码，并且控制台中没有错误。

Answer 1

将 Plunker 提供的脚本替换为

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

Answer 2

plunker 有ng-app而不是ng-app='directive'在index.html中。

需要在ng-app中指定script.js javascript 文件中定义的模块（在此示例中命名为指令），以便它获取 contenteditable 指令：

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

请参阅此 plunker以获取工作版本。