Angular2 群控编程网

角文件夹结构

tl; dr 最后是我们新文件夹结构的摘要资料夹我已经在Angular应用程序上工作了几个月了。更改最频繁的事情之一是文件夹结构。我最终沉迷于此。我经历了几个不同的结构，毫无疑问将来会再次改变主意，但我想在这里分享我的想法。一个合理的起点是John Papa的官方风格指南：角度的 Angular是一个用于开发移动和桌面Web应用程序 angular.io 的开发平台。我最初以为将有一种完全定义的方法来构造文件夹，但是实际上该建议更有意义。不同的项目只会有不同的要求，而一个大小的想法就像所有其他事物一样适合所有人，根本不会一直奏效。对实施有一个短期的看法和一个长远的愿景。从小处着手，但请记住应用程序的前进方向。…

为什么我们从Angular 2迁移到Vue.js（以及为什么我们不选择React）

在Rever（www.reverscore.com），我们刚刚使用Vue.js发布了新版本的Web客户端。经过641次提交和16周的紧张发展之后，我们为我们不久前做出的决定感到自豪。 8个月前，我们的Web客户端使用的是Angular2。确切地说，它使用的是Angular 2 beta9。这是一家外包公司编写的产品，从UX / UI到Angular 2本身在某种程度上实现了架构。在继续之前，我承认Angular 2 beta 9是与Angular 2.0不同的产品，但这恰恰是问题之一。从beta9到2.0.0，共有8个beta版本，8个RC和2.0.0版本本身，总共有17个版本需要升级。我们确实尝试从beta 9升级到2.0.0，但是发生了太多事情，使得升级变得不容易。而且，大约在我们同时质疑Angular 2作为我们选择的框架时，Angular团队决定开始研究Angular4。尽管他们承诺这不会太激烈，但这意味着当我们完成升级到Angular时2.0.0我们将需要另一个升级。…

通过Angular2和RxJS构建一个简单的Reddit客户端Web —第2部分

第一部分回顾在第1部分中，我们构建了组件RedditFeed来获取和显示9GAG reddits。在第2部分中，我们将看到： Reddit数据的类型安全持久化reddit提要到本地存储工作演示的源代码 https://github.com/forty-two-labs/angular2-demo-reddit-feed Reddit Feed的类型安全性以前，我们使用reddit feed的任何类型的数据作为类型来跳过Typescript编译过程中的类型检查。 app / components / reddit_feed.ts 出口舱RedditFeed…

Angular-CLI和Auguri Chrome插件

如果您在过去的一年中经历过Angular 2快速入门，您会知道Angular 2入门的很大一部分就是设置。它包括以下内容：创建我们的应用文件配置打字稿和打字为添加脚本标签角度2 Rx.js System.js 配置System.js 创建我们的Angular 2组件引导我们的Angular 2应用程序谈论很多！值得庆幸的是，Angular团队宣布了一个工具，该工具将使创建和搭建Angular 2应用程序变得异常简单。…

世界碰撞：现代Web，经典Web和本机移动开发范例的融合

多年以来，我一直在构建本地移动，经典Web应用程序和现代Web应用程序之间切换。直到现在，上下文切换还是很痛苦的。最近，我从构建本机iOS和Android应用程序切换到现代Web应用程序，但是这次切换是使用TypeScript切换到Angular 2。学习曲线不再令人生畏。新的ECMA标准，TypeScript和Node的改进组织了构建和交付现代Web应用程序的方式。现在，现代Web应用程序具有与经典Web和本机移动应用程序相似的实现范例。等级设定为了理解这种演变，让我们在水平上设置一些术语。本机移动应用程序—在移动设备的核心操作系统上运行的应用程序，例如App或Play商店中的iOS和Android应用程序经典Web应用程序—具有服务器端代码的Web应用程序，可以动态处理和呈现服务器端代码，例如Java Spring，.NET MVC / Webforms 现代Web应用程序—利用JavaScript技术（例如Angular，React，Ember）的静态单页Web应用程序进化在编程细节方面，本机移动应用程序和经典Web应用程序具有许多共性。…

测试Angular 2应用程序—第3部分：RouterOutler和API

如果您错过了第1部分和第2部分，我鼓励您看一下。注意：本文基于 Angular 2 beta.3 最新的Gist和整个系列的示例在这里： Angular 2测试gist 使测试与路由器一起使用尝试测试真实应用程序时遇到的第一个实际问题是Router 。它出什么问题了？让我们尝试简单地将RouteConfig添加到App组件： import {Component} from 'angular2/core'; import…

Angular Material 2输入字段的细粒度样式

更新：由于Angular Material发生了巨大变化，并且有更有效，更清洁的方法来解决主题问题，因此本文不再相关。完全控制主要和次要调色板之外的输入字段的外观。 Angular Material 2 beta于12月23日发布，这意味着我终于可以开始使用它了，并期望它会很稳定。在我当前的项目中，我迫切需要使用Material Design，但是它将仅用于创建表单（无布局，无导航组件等）。设计由设计团队完成，我发现自己必须创建一个全新的主题，因为我们没有使用库提供的相同调色板。首先，使用指南将库包含到您的angular 2项目中。确保将sass预处理程序用作Angular 2项目的一部分。现在，我们需要深入研究@ angular /…

选择最适合企业的AngularJS开发服务

AngularJS开发是构建可靠，功能丰富的Web应用程序开发的最佳趋势技术。在AngularJS开发的帮助下，开发人员可以创建高度优化的Web应用程序，这在适应性，安全性和稳定性方面都非常出色。这项技术最好的选择是，开发人员可以轻松地将其所有高级功能用于客户的每种特定业务需求。让我们来看看AngularJS开发的高级功能。 1.）数据绑定和控制器 2.）深层链接和依赖注入 3.）MVVM模式和路由服务，用于单个网页上的多个视图。在Brainvire我们的大师团队中，为您的特定业务需求提供有效和高级的多功能解决方案。我们的AngularJS开发服务： –具有高级功能的简单但高度可扩展的Web应用程序。 –使用HTML，CSS和Javascript开发单页应用程序。 –经验丰富的开发人员，他们了解AngularJS的水平，需要将其包括在内。 –开发在各种平台之间动态且兼容的应用程序。 –具有移动和响应设计的专业知识，以包括移动兼容性。 –快速开发Web和移动应用程序。如果您想雇用AngularJS的专家团队，请联系我们以获得最佳业务解决方案有关AngularJS技术的更多信息，…

Angular 2教程：使用Angular 2模板驱动的表单

自Angular RC.2起，Angular引入了新的表单模块并弃用了现有的模块。借助新的表单模块，我们可以使用更加直观的语法来构建表单。在Angular 2中有两种构建表单的方法，即模型驱动和模板驱动。在本文中，我们将学习使用最新的表单模块通过验证来构建模板驱动的表单，然后，我们将讨论新模板表单与已弃用的表单表单之间的差异。如果您想了解模型驱动的表单，请参考如何在Angular 2中构建模型驱动的表单。带有新表单模块的模板驱动表单的实时演示。具有不推荐使用的表单模块的模板驱动表单的实时演示：http://plnkr.co/edit/tvALN2?p=preview 介绍我们将基于此界面构建一个表单来捕获用户信息。 // user.interface.ts export interface…

从头开始设置Angular 4项目

–项目存储库：https://github.com/jsified-brains/momentz4ever-web-ng4/ –专门用于此任务的分支：https://github.com/jsified-brains/momentz4ever-web-ng4/tree/seed-ng4-and-unit-tests 在您通常选择的工作文件夹中，为新的angular-4项目创建一个文件夹。我正在使用Windows，并且我的项目文件夹位于C:\working\TS-NG4\momentz4ever-web-ng4 。 2.以管理员权限打开终端/命令提示符。 3.在命令提示符下移至项目文件夹 cd C:\working\TS-NG4\momentz4ever-web-ng4 4.使用以下命令使用package.json初始化文件夹： npm初始化 5.回答提示的问题，最后确认输入的信息。这将使用package.json初始化文件夹。 6.安装最低的软件包，以从angular-2 / 4应用程序开始。 npm install…