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>