angular2
文章平均质量分 88
huangyezi
这个作者很懒,什么都没留下…
展开
-
angularJS2开发环境搭建
angularJS2开发环境搭建第一步:安装node.js安装node.js(https://nodejs.org/en/),为的是能够使用npm获得angular2.0的开发包验证是否安装成功第二步:在vs2013上安装typescript安装完成后在项目中可以添加typescript项目了,并且在项目属性栏中会有typescript页第三步:创建项目原创 2016-06-13 23:48:30 · 8500 阅读 · 0 评论 -
ANGULAR2 深入学习路由
基础大多数带路由的应用都要在 index.html 的 标签下先添加一个 元素,来告诉路由器该如何合成导航用的 URL 。如果 app 文件夹是该应用的根目录,那就把 href 的值设置为下面这样:路由配置首选方案是用带有“路由数组”的 provideRouter 工厂函数( [provideRouter(routes)] )来启动此应用。myApp.r原创 2016-07-26 13:05:12 · 15600 阅读 · 0 评论 -
Angular2 开发规范
目录把所有应用程序的源代码都放到名叫 app 的目录里。所有内容都遵循每个文件单个特性的原则。每个组件、服务和管道都在自己的文件里。所有第三方程序包都被保存到其它目录里而不在 app 目录里,我们不会修改它们,所以不希望它们弄乱我们的应用程序。使用本指南介绍的文件命名约定。尽可能保持平面化的目录结构当有 7个或更多文件时才新建目录;为每个组件新建一个目录,保存它的原创 2016-07-23 12:19:19 · 5113 阅读 · 0 评论 -
Angular2 中的依赖注入
Angular2 中的依赖注入在angular2应用中依赖注入将会大量的应用在我们所创建的服务中,至于依赖注入的原理及特点在此不做深究,网上大量资料介绍依赖注入,本节重点是如何在angular2 RC1中应用依赖注入(Dependency injection)。依赖注入的申明我们要想让一个服务或组件能够被其他组件或服务注入,就需要对其进行标记,在angular2中可以使用@Inject原创 2016-06-17 12:07:50 · 9352 阅读 · 0 评论 -
angular2中应用obserable模式
在前面的学习中了解了angular2中组件的数据流,在组件间我们可以利用input、output实现组件间的数据传递。再来回顾一下前面的应用场景,一辆车(car)包含了引擎(engine)、门(door)等,车是父组件,门和引擎作为子组件。我们可以在引擎中加入一个启动状态(engineStatus),当引擎启动时我们需要告知车,那么我们需要在engine组件中output一个事件(EngineSt原创 2016-06-16 23:30:34 · 4705 阅读 · 1 评论 -
Angular2 RC1 在vs2013下的环境搭建
在前面的文章中已经讲到了angular2的环境搭建,但前面使用的版本是beta 17,本文讲的是angular RC1的环境搭建,和beta 17略有不同。首先要在vs2013下新建typescript的html项目,然后在项目下配置angular环境,主要用到package.json配置angular,typings.json用来配置typescript编译环境,最后使用systemjs.c原创 2016-06-15 00:09:21 · 1928 阅读 · 1 评论 -
实战Angular2+web api增删改查(三)
Angular2 开发本示例使用了Angular2 RC4版本,另外由于使用了bootstrap,所以需要html中引入对应的css及js文件入口import { bootstrap } from '@angular/platform-browser-dynamic';import {myApp} from "./myApp";import {HTTP_PROVIDERS}原创 2016-07-11 23:07:01 · 15306 阅读 · 21 评论 -
实战Angular2+web api增删改查 (二)
webapi配置protected void Application_Start() { AreaRegistration.RegisterAllAreas(); //SwaggerConfig.Register(); GlobalConfiguration.Configure(WebApiConf原创 2016-07-11 21:57:21 · 5009 阅读 · 0 评论 -
实战Angular2+web api增删改查 (一)
Angular2是一个前端开发框架,在引入ts之后使得我们这些C#开发者能够更快的熟悉该框架,angular2开发首先要知道这是一个SPA(单页应用),我们要摆脱以往的asp.net中的MVC模式的固有思路,angular2开发重点是组件(Component),所以开发之前尤其要能清楚这个概念。在与angular2配合使用的后端(RestFul)我采用的是基于asp.net的web api2.原创 2016-07-11 21:22:23 · 8649 阅读 · 0 评论 -
Angular 2 Form表单
Angular 2 Form表单在angular2 form表单中我们需要了解表单数据绑定、数据验证、数据提交等内容,在下面的示例中并没有实际提交到后台,这部分内容在今后webapi中加以练习。表单建立form (ngSubmit)="onSubmit(planetForm.value)" #planetform="ngForm">form>这里是一个空的表单ngSubmit是原创 2016-06-13 23:56:28 · 11459 阅读 · 1 评论 -
Angular2 http服务
Angular2 http服务angular2的http服务是用于从后台程序获取或更新数据的一种机制,通常情况我们需要将与后台交换数据的模块做出angular服务,利用http获取更新后台数据,angular使用http的get或put进行后台调用采用的是ajax方式,跨域问题需要单独处理。下面来看一个例子,演示从后台web api中获取数据并进行页面加载。1、由于要使用http服务,所以原创 2016-06-13 23:55:06 · 11495 阅读 · 2 评论 -
Angular 2 路由
Angular 2 路由angular2路由是管理angular2应用内部导航的一个重要内容,在angular应用中,很多的组件是通过组合完成一个复杂的应用,不可避免的是我们常会在视图间切换,那么这是就需要使用路由来管理视图间的转换。路由定义先看一个简单的路由定义///import {Component} from 'angular2/core';import {Route原创 2016-06-13 23:53:59 · 4712 阅读 · 0 评论 -
angular2 组件
angular2 组件首先了解angular2 组件的含义angular2的应用就是一系列组件的集合我们需要创建可复用的组件供多个组件重复使用组件是嵌套的,实际应用中组件是相互嵌套使用的组件中的数据调用可以使用inputs和outputs 一个组件可以是一种指令一个组件可以包含前端表现及后端逻辑一个组件可以是一个代码片段,能够独立运行 进一步理解指令原创 2016-06-13 23:51:48 · 5280 阅读 · 0 评论 -
angular2 路由导航补遗
先看路由表export const parentRoutes:RouterConfig=[ {path:'',redirectTo:'parent',pathMatch:'full'}, {path:'parent',component:parent, children:[ {path:'home',component:home},原创 2016-08-06 11:40:19 · 2662 阅读 · 0 评论