Angular 4-beta0版本已经发布 以后的产品将不会叫做AngularJS、Angular2、2.x或者4.x,而是直接叫做Angular。Angular4的第一个测试版本目前已经发布,预计在2017年3月1日发布稳定版4.0.0,Angular4将尽可能兼容Angular2。Angular团队计划使用TypeScript2.1甚至2.2来替代目前使用的TypeScript1.8。
使用 MEAN 进行全栈开发基础篇——4、接着前面玩儿添加 首先,我们将创建一个用于添加用户的API端点。我们将使用Express路由创建此端点并使用Monk在Mongo中存储用户文档。我们将使用Angular构建此页面。这里,我们使用HTTPPOST,这是用于创建新对象的REST约定。此对象表示将在请求的正文中提交的数据。添加并使用Bootstrap我们将使用Bootstrap为我们的表单添加一点风格。这将返回一个对象的方法来使用API。在回调中,我们使用$location服务将浏览器的地址更改为网站的根目录。在下一部分中,我们将添加修改现有用户的功能。
使用 MEAN 进行全栈开发基础篇——5、接着前面玩儿编辑 返回浏览器,转到主页,并确保刷新页面。现在,每个用户都应该使用超链接来表示。在这种情况下,最好将它们分成两个不同的控制器。但这一次,我们以不同的方式使用$resource服务。由于某些原因只有Angular的开发人员知道,默认情况下您不能使用$resource服务发送HTTPPUT请求。在那里,我们使用了一个路由参数(:id)。这样,使用Angular的双向绑定在后台运行,表单将自动填充我们的用户对象。因此,这将向我们的API端点发出HTTPPUT请求。
使用 MEAN 进行全栈开发基础篇——6、接着前面玩儿删除 我们在该页面上有一个确认删除按钮。如果忘记了Express或AngularAPI的语法,不要担心。唯一的区别是,我们使用router.delete注册HTTPDELETE请求的路由处理程序。此外,请注意,我们正在使用用户集合对象的remove方法。让我们测试删除功能。用户将被删除,你将被重定向到首页。我希望你喜欢这几篇博文,并学习到Node,Express,Angular和MongoDB的基础。你使用Monk从Mongo中添加,更新,删除和获取用户文档。你使用Express创建了一个RESTfulAPI,
Hacking with Angular:如何在深层嵌套ngRepeat中获取不同层级的$index 关于嵌套我们能够使用的索引是$index,但是两层以上的话,如果每一层嵌套都使用$index作为索引的话,势必会引起混乱。在页面中我们通过ng-init="outerIndex=$index"保存了第一层循环的$index,通过使用ng-init="innerIndex=$index"保存了第二层循环的$index。
利用angular指令监听ng-repeat渲染完成后执行脚本 业务中有时需要在异步获取数据并用ng-repeat遍历渲染完页面后执行某个操作,angular本身并没有提供监听ng-repeat渲染完成的指令,所以需要自己动手写。angular没有向当前控制器传递事件的方法,可以先向父(子)控制器传递事件,父(子)控制器监听到事件后反过来向子(父)控制器传递事件。
angularJS的$watch失效问题的解决方案 $watch方法,它可以帮助我们在每个scope中监视其中的变量。当第三个参数是false时,其实watch函数监视的是数组的地址,而数组的内容的变化不会影响数组地址的变化,所以watch函数失灵了。)1234512345$scope.items=[{a:1},{a:2}{a:3}];$scope.$watch;Box-sizing:border-Box;">function(){...},true);或者将监听返回结果为JSON字符串形式的该对象或数组的的匿名函数12345671234567$scope
AngularJS在大型单页面应用中的性能优化一 了解是什么原因导致AngularJS应用程序慢下来非常重要,要知道,在开发过程中做出权衡是很重要的。本文将介绍一些AngularJS比较常见的性能问题,以及优化的建议。其实这在AngularJS中并不会引起太大的问题。在写AngularJS应用中尤其要注意的一个核心概念和性能影响方面是更新周期。注*相关阅读AngularJS在大型单页面应用中的性能优化(二)