在这里，我们将使用另一个JavaScript框架向您介绍！ Angular旨在通过Model-View-Controller（MVC）功能来扩展基于浏览器的应用程序。 它通过减少使Web应用程序正常运行所需的JavaScript数量来实现。 这些类型的应用程序也称为单页应用程序。

请查看下面对Glen的采访，以更好地了解Angular的工作原理。

rel="stylesheet" type="text/css" href="http://learnable.com/stylesheets/jumpcast.css"/>

Jess：我和GoodFil.ms的共同创始人Glen Maddern在一起。 他今天将向我们介绍Angular JS。 这是很新的。 您能告诉我们什么？

Glen：Angular JS是用于构建Web应用程序的框架。 与网站不同，网站是Internet的传统方法，在该网站中，服务器发送一段HTML，然后与之交互。 Web应用程序是一个更具交互性的元素。 它需要一些新的思维方式。 有很多不同的方式来构建这些。 我相信Angular JS是第一个为它带来真正新方法的公司。

杰西：有哪些有用的资源？ 我从哪里可以开始使用Angular之类的东西？

Glen：Angular JS自己的网站提供了令人难以置信的信息。 它背后的团队付出了很多努力，以使其成为一个很好的入门场所。 大约有十分钟的截屏视频提供了有关YouTube入门视频的完整序列，带您浏览Angular JS拼图的每个片段。 这是一个很好的入门方法。

杰西：您必须具备哪种背景技能才能使用Angular？ 学习曲线如何？

Glen：我承认，如果您有使用其他框架（如Backbone或Ember）构建Web应用程序的经验，那会有些困难，因为Angular完全不同。 Angular致力于扩展HTML，使其对构建应用程序更加有用。 这些其他项目是关于HTML的抽象化，而实际上更多地侧重于JavaScript。 区别在于Angular意味着您编写的代码要少得多。 它更具声明性，但是需要一点点的习惯。

至于真的很了解JavaScript，我认为它有点类似于Ruby on Rails。 当它第一次出现时，很多人都在构建非常酷的东西，但是他们并不真正了解Ruby。 我认为您可以使用Angular进行相同的操作，但是最终，如果要构建更复杂的内容，则需要了解JavaScript以及显然的HTML，因为对此非常关注。 您将需要非常了解。

杰西：那您可以用Angular生成什么样的应用程序？

格伦：真的，各种各样。 我自己为Good Films建立了一个移动站点，该站点具有很多交互性，并且需要在移动设备上表现良好。 我确实需要比我以前在JavaScript上使用过的结构更多的东西。 Angular的起点也很低，不需要您编写太多的代码就可以入门。 确实，更高级的功能中有些东西，例如指令及其使用依赖项注入的方式，可以在应用程序从简单变为复杂时为您提供帮助。 这就是为什么我认为这是一种很好的入门方法，然后作为您的主要应用程序的结构。

杰西：Angular在那方面特别有用吗？

Glen：确实适合编写复杂的Web应用程序。 我认为，强迫您将应用程序中的逻辑与实际更新网站，操纵dom的内容分离开来确实很不错。 如果您来自使用大量jQuery的背景，那么这些东西是完全相连的。 随着应用程序变得越来越复杂，您开始为此而斗争。 Angular真的很擅长引导您走上一条结构良好的应用程序的道路，而没有真正意识到自己一直在做正确的事情。

杰西（Jess）：Angular没什么用呢？

Glen：如果您只有一个相当静态的页面，并且只包含一些交互元素，则可以在那里使用Angular。 它非常轻巧，但是好处可能不值得额外的工作。 特别是，最大的麻烦归结于搜索引擎及其接收要发送的HTML服务器的方式。 绝对有可能采用Web应用程序并以搜索引擎期望的方式使其可见，但这是额外的工作。 在这种情况下使用类似jQuery的方法肯定会更容易。

杰西（Jess）：那么在野外有哪些Angular的好例子？

Glen：显然，这是我为Good Films建立的移动网站。 Angular JS网站上有一个画廊，上面有很多很好的例子。 Playstation 3 YouTube应用程序刚刚用Angular重写，并且上面有照片。 真的，从这里开始并单击一下。 有很多东西 Angular JS网站本身是Angular应用程序。 该文档站点是一个Angular应用程序。 如果可以的话，您可以深入研究它们的构建方式。

杰西：Angular JS应用到底是什么样子？

Glen：它看起来与JavaScript框架略有不同。 我认为最好的方法就是看一个例子。

杰西：让我们看看。

Glen：这里有一个小小的Angular JS应用。 它在名为Code Pen的在线代码编辑器中运行，这对于共享这样的代码片段确实非常有用。 我唯一要做的就是将Angular JS源代码添加到文档的开头。 这是使Code Pen与Angular JS一起使用所需要做的唯一事情。 信不信由你，这是一个小型的Angular JS应用。 我可以通过在这些把手中键入一些HTML来表明它们被调用。 Angular将其拾取，并求一加二并渲染三。 这样做是因为它看到了此属性NG应用程序。
这说明它下面的内容都是Angular文档，而不仅仅是纯HTML。 如果我删除了它，很明显，原始HTML就会显示出来。

你能做什么呢？ 我给你看一个小例子。 如果我要将其更改为输入并告诉Angular我在此处输入的内容，则希望将其保存在模型名称中。 我可以在其下使用另一个车把的指令。 我在此输入中键入的任何内容都会保存在变量名称中。 变量名称中的所有内容都会被写出。 您可以看到在我键入时正在发生这种情况。 我没有写一行JavaScript来实现这一点。 我所做的一切都声明有一个模型和一个输出。 这就是Angular真正开始与众不同的地方，
它允许您在HTML中添加更多信息，而无需在HTML中添加逻辑。 只是在声明您要输入的地方和要输出的地方。 如果我要稍微复杂一点，我可以做类似的事情。 显然，如果名称为空，我不希望在那里。 通过将其包装在另一个标签中并使用另一个Angular JS指令（表示NG显示名称），我可以很容易地做到这一点。 这仅表示仅在存在名称的情况下显示它。 如您所见，当我删除它时，它消失了。

希望这给了您足够的动力去学习Angular JS的其余部分。 这是一个非常强大的框架。 它需要很少的代码。 在此示例中，我完全没有编写JavaScript，并且具有交互形式。 目前为止就这样了。 这是来自GoodFil.ms的Glen Madden。 感谢您在Angular JS上调整此JumpCast。

From: https://www.sitepoint.com/goodfil-ms-co-founder-on-angular-js/