AngularJS非常适合单页应用程序



AngularJS非常适合单页应用程序(SPA)。我是angularjs的新手,这是我遇到的第一句话。这是什么意思?

SPA是一个单页应用程序,浏览器在交互过程中加载整个页面一次,并根据用户的请求刷新页面的一部分。

现在我们来看看AngularJS的优势,

双向数据绑定:当任何数据更改时,视图都会自动刷新,这意味着我们不需要再次加载整个页面。

控制器:您可以使用控制器将逻辑限制在视图的特定部分。这使得视图范围仅引用特定的控制器。这是控制SPA的绝妙方法。

服务:这些是单例对象,在应用程序加载时只实例化一次。

指令:指令是自定义小部件。我们只创建一次,并在需要的地方使用它们。

路由:根据用户请求切换视图。

依赖注入:AngularJS有一个内置的依赖注入。你只需要说你需要什么,棱角分明的人会安排你。一个简单的例子是,当您在控制器中需要多个功能时,只需在控制器中注入服务并继续执行业务逻辑。

MVC:使用AngularJS,我们可以在客户端拥有Model、View、Controller架构。

以及更多。

这就是AngularJS非常适合单页应用程序的一些原因。

有关SPA和AngularJS的更多详细信息,请参阅此精彩视频。

从技术上讲,SPA意味着页面在过程中的任何时候都不会重新加载,控制权也不会转移到另一个页面。

使用angular JS的MVC结构,您可以以类似SPA的方式开发应用程序。

也就是说,当你想要制作一个只包含一个页面的网站(我们称之为借出页面)时,angular JS可以很好地工作。例如,下载任何一个web编辑器(我推荐IUEditor),制作"angular js"框架并构建它。然后angular js网站就会生成,你可以使用它。这就是意义所在。

单页应用程序是一种web开发风格,开发人员首先只加载一个页面。就是这样。

既然我们知道我们的应用程序只有一个页面,那么我们如何才能拥有应用程序的所有活力呢?这就是像Angular这样的框架的用武之地

以下面的例子为例——我们有一个应用程序,它可以根据用户输入神奇地更新问候语文本(DOM正在更改)

总之,下面的例子是一个单页应用程序:

  • 它需要一些用户输入
  • 执行某些操作并重新呈现DOM
  • 全部在一页中

更复杂的例子将使用控制器等等。我真的建议你花点时间学习教程,比如http://www.freecodecamp.com/map#angularjs

<!doctype html>
<html ng-app>
  <head>
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"></script>
  </head>
  <body>
    <div>
      <label>Name:</label>
      <input type="text" ng-model="yourName" placeholder="Enter a name here">
      <hr>
      <h1>Hello {{yourName}}!</h1>
    </div>
  </body>
</html>

最新更新