This document discusses different ways to create a simple Angular 2 application with a heading that says "My First Angular 2 App". It shows examples using JavaScript, Dart, TypeScript, and ES6 modules to define a component class and bootstrap the application.

1. ‫‌ﭘﯿﻤﺎ‬‫ﺽض‬‫ﺍاﺭر‬ ‫ﻓﺮﯾﺪ‬
‫‌ﺗﻞ‬‫ﯽ‬‫ﺁآﺗ‬ ‫ﺷﺮﮐﺖ‬ ‫ﻣﺤﺼﻮﻝل‬ ‫ﻣﺪﯾﺮ‬
@FaridArzpeyma

9. import {Component} from 'angular2/core';
@Component({
selector: 'my-app',
template: '<h1>My First Angular 2 App</h1>'
})
export class AppComponent { }
bootstrap(AppComponent);
import 'package:angular2/angular2.dart';
import 'package:angular2/bootstrap.dart';
@Component(selector: 'my-app', template: '<h1>My First Angular 2 App</h1>')
class AppComponent {}
main() {
bootstrap(AppComponent);
}
var AppComponent = React.createClass({
propTypes: {
children: React.PropTypes.element.isRequired
},
render: function() {
return (<h1>My First Angular 2 App</h1>);
}
});

10. import {Component} from 'angular2/core';
@Component({
selector: 'my-app',
template: '<h1>My First Angular 2 App</h1>'
})
export class AppComponent { }
bootstrap(AppComponent);
import 'package:angular2/angular2.dart';
import 'package:angular2/bootstrap.dart';
@Component(selector: 'my-app', template: '<h1>My First Angular 2 App</h1>')
class AppComponent {}
main() {
bootstrap(AppComponent);
}
var AppComponent = React.createClass({
propTypes: {
children: React.PropTypes.element.isRequired
},
render: function() {
return (<h1>My First Angular 2 App</h1>);
}
});

11. angular.module(‘myApplication’,[]).directive(“myApp”, ['$scope',function($scope) {
return {
replace: true,
template: '<h1>My First Angular 2 App</h1>'
};
}]);
var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
return c > 3 && r && Object.defineProperty(target, key, r), r;
};
define(["require", "exports", 'angular2/core'], function (require, exports, core_1) {
var AppComponent = (function () {
function AppComponent() {
}
AppComponent = __decorate([
core_1.Component({
selector: 'my-app',
template: '<h1>My First Angular 2 App</h1>'
})
], AppComponent);
return AppComponent;
})();
exports.AppComponent = AppComponent;
bootstrap(AppComponent);
});

14. !‫ﻭوﺍاﻗﻌﯿﺖ‬ ‫ﺗﺎ‬ ‫ﺭرﻭوﯾﺎ‬ ‫ﺍاﺯز‬ ،‫ﺍا‬‫ﺭر‬‫ﮐﺎ‬ ‫ﻫﯿﺒﺮﯾﺪ‬