AngularDart简介

在这篇文章中，我们将了解AngularDart框架的基本知识，以及如何以在线模式开始使用它。那么首先让我们看看什么是Dart。

Dart: Dart是一种面向对象的编程语言，支持各种编程范式，如类、多态性、接口、继承、集合和泛型。Dart是由谷歌开发的，用于构建应用程序和服务器。

如果你是一个初学者，想在下载Dart的依赖性之前开始在线实施Dart代码，我们建议你选择https://dartpad.dev/?id。但是，如果你想直接进入它，并想在你的系统上实现代码，你可以从其官方网站https://dart.dev/tools/sdk/archive。

Dart中的代码：

void main() {  
    var info = "article";  
    var publisher = "Geeks for Geeks";  
    print("This  $info is published on$ publisher");  
}

输出:

This article is published on Geeks for Geeks

在上述代码中。

void。void是一种返回类型，表示函数没有返回值。
main()。main()函数表示程序的开始，对程序的执行至关重要。
var:var语句声明了一个变量，它可以包含字母、数字或符号。
print()。print()函数用于在控制台打印输出。

注意：我们可以清楚地看到，它与C风格的语法和JavaScript的结合很相似。

注意：要了解更多关于Dart及其设置的信息，请查看Geeks for Geeks Dart教程。

现在让我们看看什么是AngularDart。

AngularDart： AngularDart是谷歌开发的一个框架，用于使用HTML、CSS和Dart构建网络应用、服务器应用或单页应用。它通常以其良好的速度、执行力和生产力而闻名。AngularJS是制作结构化网络应用程序的著名工具，AngularDart基本上是Angular在Dart语言中的实现。目前AngularDart的版本是5.3.1，被用于许多应用程序，如Fiber、Google Play Console等。

如果你以前使用过Flutter和Dart，那么你将会喜欢AngularDart。

如何在线运行AngularDart代码：如果你是一个初学者，想在线测试你的AngularDart代码，请遵循以下步骤。

第1步：打开DartPad

第2步：点击新垫。

AngularDart简介

第3步：当确认框出现时，点击OK。

AngularDart简介

第4步：选择Dart和Toggle HTML开关ON并点击Create。

AngularDart简介

第5步：现在你可以写Dart、HTML和CSS代码，要运行代码，点击运行按钮。

AngularDart简介

以下是AngularDart的代码实现：

import 'dart:html';
  
void main() {
  var header = querySelector('#header');
  header.text = "Geeks for Geeks ";
}

<center>
  <h1 id="header"></h1>
  <h2>is best</h2>
</center>

body {
  display: flex;
  flex-direction: column;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url(
    "https://pbs.twimg.com/profile_images/1304985167476523008/QNHrwL2q.jpg")
}
  
h1 {
  color: black;
  font-family: Arial, Helvetica, sans-serif;
}
  
h2 {
  color: black;
  font-family: Arial, Helvetica, sans-serif;
}

输出:

AngularDart简介

在上述代码中。

1.我们在Dart文件中为所需的库导入了’dart:html’。
2.在main方法中，我们声明变量为 “header”。
3.变量使用querySelector拾取值。
4.我们给标题变量分配了一个在HTML中使用的文本。
5.在HTML文件中，我们用id作为参数调用了头文件的值。
6.在CSS文件中，我们根据我们的需要对这些元素进行了风格化。

注意：如果你想下载依赖项到你的系统中，请查看https://angulardart.dev/guide/setup 文档。

现在，让我们看看AngularDart和其类似工具的核心区别。

AngularDart vs AngularJS

AngularDart vs Flutter

AngularDart	Flutter
AngularDart用于构建网络应用。	Flutter用于开发Android、iOS和网络的跨平台应用程序。
AngularDart不太受欢迎。	Flutter在开发者中非常受欢迎。
使用AngularDart的公司非常少。	大量的公司使用Flutter进行应用开发。