这是一个工作链接：
http://cssdeck.com/labs/qebukp9k
更新
- 我做了一些优化。
- 我使用ngModel。$ formatters！不需要另外的手表。
- 我使用$ timeout然后使用scope。$ apply来避免$ digest进行中的错误。
Angular.js和性能
- 如果您提高了性能，则可能是您的应用程序使用了过多的$ watch / $ on。
- 以我的经验，使用第三方库可能会导致各种无效/内存泄漏行为，主要是因为未考虑到angular / SPA的实现。
- 我能够对某些库进行一些智能集成，但是有些库并不适合Angle的世界。
- 如果您的应用程序 必须 显示1000多个问题，则可能应该从编写自定义中继器开始，并且更喜欢动态DOM插入。
- 除非您愿意编写一些智能的低级内容，否则Angular.js在大量数据绑定中的性能将不佳（当您知道如何做时，这实际上很有趣！）。
- 同样，更喜欢分页！正如Misko Hevery所说： “您不能在一个页面上向一个人真正显示超过2000条信息。除此之外，还真是糟糕的UI，而且人也无法对其进行处理”。
- 我非常乐意为您提供帮助，但是首先让我显示代码（与我联系）。
解：
var app = angular.module('App', []);app.directive('pagedownAdmin', function ($compile, $timeout) { var nextId = 0; var converter = Markdown.getSanitizingConverter(); converter.hooks.chain("preBlockGamut", function (text, rbg) { return text.replace(/^ {0,3}""" *n((?:.*?n)+?) {0,3}""" *$/gm, function (whole, inner) { return "<blockquote>" + rbg(inner) + "</blockquote>n"; }); }); return { require: 'ngModel', replace: true, template: '<div ></div>', link: function (scope, iElement, attrs, ngModel) { var editorUniqueId; if (attrs.id == null) { editorUniqueId = nextId++; } else { editorUniqueId = attrs.id; } var newElement = $compile( '<div>' + '<div >' +'<div id="wmd-button-bar-' + editorUniqueId + '"></div>' +'<textarea id="wmd-input-' + editorUniqueId + '">' +'</textarea>' + '</div>' + '<div id="wmd-preview-' + editorUniqueId + '" ></div>' + '</div>')(scope); iElement.html(newElement); var help = function () { alert("There is no help"); } var editor = new Markdown.Editor(converter, "-" + editorUniqueId, { handler: help }); var $wmdInput = iElement.find('#wmd-input-' + editorUniqueId); var init = false; editor.hooks.chain("onPreviewRefresh", function () { var val = $wmdInput.val(); if (init && val !== ngModel.$modelValue ) { $timeout(function(){ scope.$apply(function(){ ngModel.$setViewValue(val); ngModel.$render(); }); }); } }); ngModel.$formatters.push(function(value){ init = true; $wmdInput.val(value); editor.refreshPreview(); return value; }); editor.run(); } }});
