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

时间:2013-03-07 08:07:01

标签: angularjs angularjs-directive

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

  

指令

     

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

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

为什么jsfiddle的效果很好,但是一个不起作用?它们具有完全相同的代码,并且控制台中没有错误。

2 个答案:

答案 0 :(得分:5)

将Plunker提供的脚本替换为

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

答案 1 :(得分:3)

index.html 中,plunker的ng-app代替ng-app='directive'

script.js javascript文件中定义的模块(在此示例中名为指令)需要在ng-app中指定才能获取满意的指令:

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

有关正常工作的版本,请参阅this plunker