この角度ドキュメント: http://docs.angularjs.org/guide/conceptsには、 に関する例がありDirectivesます。
ディレクティブ
ディレクティブは、カスタム属性、要素名、またはクラス名の存在によってトリガーされる動作または DOM 変換です。ディレクティブを使用すると、宣言的な方法で HTML 語彙を拡張できます。以下は、HTML で contenteditable のデータバインディングを有効にする例です。
plunker 用と jsfiddle 用の 2 つのライブ デモが用意されています。
jsfiddle はうまく機能するのに、plunker は機能しないのはなぜですか? コードはまったく同じで、コンソールにエラーはありません。
Plunker が提供するスクリプトを次のように置き換えます。
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.2/angular.min.js"></script>
プランカーはng-app代わりにng-app='directive'index.htmlを持っています。
contenteditable ディレクティブを取得するには、 script.js javascript ファイルで定義されたモジュール (この例ではディレクティブという名前) をng-appで指定する必要があります。
angular.module('directive', [])...
動作するバージョンについては、このプランカーを参照してください。