《Getting MEAN with Mongo Express Angular and Node》---ch08 Adding Angular components to an Express application(向Express应用添加Angular组件)

This chapter covers(本章概要)
■ Getting to know Angular(了解Angrular)
■ Adding Angular to an existing page(向动态页面添加Angular)
■ Filtering lists of data(过滤列表数据)
■ Using an API for reading data(使用API读取数据)
■ Some Angular jargon: controllers, scope, filters,directives, services(某些Angular术语:控制器,作用域,过滤器,指令,服务)

...

...

8.1 Getting Angular up and running

Angular is the second JavaScript framework in the MEAN stack, with Express being the other. Express, as we’ve seen, sits on the server, whereas Angular sits on the client side in the browser. Like Express, Angular helps you separate your concerns, dealing with views, data, and logic in distinct areas. The approach is very much in the MVC style, but Angular has been defined as an MVW framework, where the W stands for “whatever works for you.” Sometimes it might be controllers, or the view-model, or services. It depends on what you’re doing at any given point.

在MEAN堆栈中,使用了两个js框架,一个是Express,另一个是Angular。 正如我们所看到的,Express作用域服务端,而Angular是作用域浏览器客户端。和Express一样,Angular帮助你将你关注的视图、数据、业务逻辑分成不同的区域。这种方法在MVC风格中很多,然而Angular被定义成MVW风格的框架,其中W代表“whatever works for you”。有些时候它可能作为控制器,视图-模型,服务器,这取决于你的侧重点。

...

Angular is a client-side framework, so it doesn’t take much installation.

时间: 2024-10-05 09:46:55

《Getting MEAN with Mongo Express Angular and Node》---ch08 Adding Angular components to an Express application(向Express应用添加Angular组件)的相关文章

http请求头中的Content-Type属性在angular 和 node中的用法

post请求的请求体有以下两种格式: 1. 字符串: 'name=code_bunny&age=12' 这种格式的请求体,需要配置请求头 'Content-Type':'application/x-www-form-urlencoded' 2. json: {name:'code_bunny',age:12} 这种格式的请求体,需要配置请求头 'Content-Type':'application/json;charset=UTF-8' 注意: 请求体格式和请求头的Content-Type类型必

深入理解jQuery、Angular、node中的Promise

最初遇到Promise是在jQuery中,在jQuery1.5版本中引入了Deferred Object,这个异步队列模块用于实现异步任务和回调函数的解耦.为ajax模块.队列模块.ready事件提供基础功能.在用jQuery操作DOM的时候对Promise的使用欲不够强烈,最近学习node和Angular,需要用js写业务逻辑和数据操作代码的时候这种场景需求就出来了.一般来说事件适合在交互场景中运用,因为用户的行为本来就是分散的,而promise这样的流程控制适合在后台逻辑中处理业务. //j

Express 4.x Node.js的Web框架----《转载》

本文使用node.js v0.10.28 + express 4.2.0 1 Express概述 Express 是一个简洁而灵活的node.js的MVC Web应用框架,提供一系列强大特性创建各种Web应用. Express 不对 node.js 已有的特性进行二次抽象,我们只是在它之上扩展了Web应用所需的功能. Expressd底层由Node.js的HTTP模块实现. 1.1 express 4.x 安装 express 4.x与之前的版本有了许多的变化,书里和网上的很多方法都不再适用.学

Express 4.x Node.js的Web框架

为了防止无良网站的爬虫抓取文章,特此标识,转载请注明文章出处.LaplaceDemon/SJQ. http://www.cnblogs.com/shijiaqi1066/p/3821150.html 本文使用node.js v0.10.28 + express 4.2.0 1 Express概述 Express 是一个简洁而灵活的node.js的MVC Web应用框架,提供一系列强大特性创建各种Web应用. Express 不对 node.js 已有的特性进行二次抽象,我们只是在它之上扩展了We

[转载] Node.js 笔记(一) nodejs、npm、express安装

感谢原作者: http://blog.csdn.net/haidaochen/article/details/7257655 Windows平台下的node.js安装 直接去nodejs的官网http://nodejs.org/上下载nodejs安装程序,双击安装就可以了 测试安装是否成功: 在命令行输入 node –v 应该可以查看到当前安装的nodejs版本号 简单的例子写一段简短的代码,保存为helloworld.js,大致看下nodejs是怎么用的. 如下:该代码主要是创建一个http服

电商网站项目Angular+Bootstrap+Node+Express+Mysql

1.登陆 2.注册 3.主页 4.购物车 5.管理中心 6.文件上传 代码: https://github.com/Carol0311/min_Shop.git 后期会持续进行功能更新以及开发阶段遇到的问题

Node.js 笔记(一) nodejs、npm、express安装(转)

转载地址:http://blog.csdn.net/haidaochen/article/details/7257655 Windows平台下的node.js安装 直接去nodejs的官网http://nodejs.org/上下载nodejs安装程序,双击安装就可以了 测试安装是否成功: 在命令行输入 node –v 应该可以查看到当前安装的nodejs版本号 简单的例子写一段简短的代码,保存为helloworld.js,大致看下nodejs是怎么用的. 如下:该代码主要是创建一个http服务器

[Express + Webstrom] Debug Node.js RESTful application

Using WebStrom can easily debug the Node applcation. For example, we have an Node+Express application. server.js: /** * Created by Answer1215 on 12/9/2014. */ 'use strict'; var expres = require('express'); var app = expres(); app.get('/', function(re

Node js之使用应用生成器来搭建第一个基于express的应用

摘要:原生node和express框架开发有和区别,所谓的express,就是基于框架的开发,人家已经提供了一个成型的基本骨架,在这个基础之上来进行开发,大大提高了开发效率,前一篇文章在构建一个express项目,还是需要我们写很多的代码,还不够强大.我们可以借助应用生成器,帮我们把项目的基本骨架搭建好.一般提到开发,通常有如下几种: 原生开发,所有的代码从0开始.自己做,一砖一瓦. 框架开发,底层的代码,人家已经帮我们写好了,我们要写的是具体的功能.买的毛坯房,房子成型了,但还不直接入住,需要