d034bc33c8
# Conflicts: # public/contribute.jade # public/docs/js/latest/cookbook/ts-to-js.jade # public/docs/ts/latest/cookbook/_data.json # public/docs/ts/latest/cookbook/component-communication.jade # public/docs/ts/latest/cookbook/component-relative-paths.jade # public/docs/ts/latest/cookbook/dependency-injection.jade # public/docs/ts/latest/cookbook/dynamic-form.jade # public/docs/ts/latest/cookbook/set-document-title.jade # public/docs/ts/latest/glossary.jade # public/docs/ts/latest/guide/forms.jade # public/docs/ts/latest/guide/pipes.jade # public/docs/ts/latest/guide/router.jade # public/docs/ts/latest/guide/user-input.jade # public/docs/ts/latest/tutorial/toh-pt6.jade
57 lines
1.9 KiB
JavaScript
57 lines
1.9 KiB
JavaScript
/*
|
|
* Angular.io Live Example Directive
|
|
*
|
|
* Renders a link to a live/host example of the doc chapter
|
|
* app this directive is contained in.
|
|
*
|
|
* Usage:
|
|
* <live-example [name="..."] [noSource] [srcText="..."]>text</live-example>
|
|
* Example:
|
|
* <p>Run <live-example name="toh-1">this chapter's example</live-example></p>.
|
|
*/
|
|
|
|
angularIO.directive('liveExample', ['$location', function ($location) {
|
|
|
|
function a(text, attrs) {
|
|
var attr = (attrs.href ? ' href="' + attrs.href + '"' : '') +
|
|
(attrs.target ? ' target="' + attrs.target + '"' : '');
|
|
return '<a' + attr + '>' + text + '</a>';
|
|
}
|
|
|
|
function span(text) { return '<span>' + text + '</span>'; }
|
|
|
|
return {
|
|
restrict: 'E',
|
|
|
|
compile: function (tElement, attrs) {
|
|
var text = tElement.text() || '在线例子';
|
|
var ex = attrs.name || NgIoUtil.getExampleName($location);
|
|
var href, template;
|
|
|
|
var isForDart = attrs.lang === 'dart' || NgIoUtil.isDoc($location, 'dart');
|
|
var isForJs = attrs.lang === 'js' || NgIoUtil.isDoc($location, 'js');
|
|
var exLang = isForDart ? 'dart' : isForJs ? 'js' : 'ts';
|
|
var href = isForDart
|
|
? 'http://angular-examples.github.io/' + ex
|
|
: '/resources/live-examples/' + ex + '/' + exLang + '/plnkr.html';
|
|
|
|
// Link to live example.
|
|
var template = a(text, { href: href, target: '_blank' });
|
|
|
|
// The hosted example and sources are in different locations for Dart.
|
|
// Also show link to sources for Dart, unless noSource is specified.
|
|
if (isForDart && !attrs.hasOwnProperty('nosource')) {
|
|
var srcText = attrs.srcText || '查看源码';
|
|
var srcHref = 'http://github.com/angular-examples/' + ex;
|
|
template = span(template + ' (' + a(srcText, { href: srcHref, target: '_blank' }) + ')');
|
|
}
|
|
|
|
// UPDATE ELEMENT WITH NEW TEMPLATE
|
|
tElement.html(template);
|
|
|
|
// RETURN ELEMENT
|
|
return function (scope, element, attrs) { };
|
|
}
|
|
};
|
|
}]);
|