Angular2 群控编程网

世界碰撞：现代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…

Travis CI的Angular 2

在Travis构建环境中的Chrome上运行Karma测试前几天，我在GitHub上启动了一个基于Angular 2的项目。自然地，在完成设置后，我希望测试能够在Travis CI上运行。简单吧？只需将.travis.yml设置为运行节点，然后运行npm test！嗯，您所看到的并不是完全如此， angular-cli生成的项目是以在Chrome上运行Karma的方式设置的，但是我在生成的karma.conf.js的这一部分中注意到了一个有趣的评论 customLaunchers：{ //使用铬为travis CI设置铬 Chrome_travis_ci：{ 基本：“ Chrome”，标志：['-no-sandbox'] } }，…

角度2：组件

在这个Angular 2系列中，我将介绍Angular 2的基础知识以及如何开始构建简单的电话簿。最好的入门指南是克隆此存储库：https://github.com/angular/quickstart。在第一部分中，我们将重点介绍组件并讲几句话。您将大量使用组件！ TypeScript是Angular 2的首选编程语言。组件 Component是一个类，它包含模板，数据绑定和视图的逻辑。组件之所以强大是因为它们是可重用的。模板包括指令和其他注入的组件。模板中组件的注入增加了代码库的模块化，并且数据绑定控制了从组件到模板的数据流。 index.js 从“ angular2 / platform…

.NET Conf 2016

En estosúltimosdías（9月9日发生在9月1日的占领）veve gusto de participar en la。 NET Conf v2016 com演示者，研讨会和Angular 2和ASP.NET Core。参加比赛的西班牙人将在加里纳尼亚州立大学的比赛中取得胜利（2个主题演讲，在30个夏拉斯和10个讲习班上进行，并在参加音乐节的演讲者中担任35个演讲者）和许多绅士（550个手稿！）。 Tengo que agradecer…

使用Angular 2翻译动态消息

Angular 2对应用程序国际化（i18n）提供了很好的支持，使您可以轻松地交付应用程序的翻译版本。翻译过程包括四个步骤：将i18n属性添加到元素中，该属性应进行翻译生成行业标准ICU格式的翻译源文件创建翻译让Angular编译器用翻译的对应文本替换文本这对于固定值很有效，但是我还需要转换从服务器返回的动态值。我的应用程序从服务器加载数据并将其绑定到元素：属性可以具有不同的（字符串）值，所以我使用的是i18n的选择翻译。它允许列出所有可能需要转换的值。 myObject.property的值在大括号之前，并且括号包含默认文本。 ng-xi18n提取工具在代码中查找i18n属性并生成翻译源文件。选择翻译似乎有一个错误，因为如果翻译后的元素除翻译后的文本中没有任何其他文本，它将无法正确生成文件。解决方法是，在转换后的块之前添加一个空格。然后，它设法正确生成源文件：第一个trans-unit元素包含已翻译元素的文本，并带有对选择消息的引用（），这将是翻译文件中的下一个trans-unit元素。…