感觉TypeScript真不错，强类型，有点类似c#的感觉，而且如果写错了编辑器都可以感知出来，于是就开始看ionic2。ionic2是基于angular2的，语法跟以前有了很大的变化。但自己写原生app写惯了，反而觉得这种方式更方便一些。每个页面都是一个组件，组件里也可以套组件，html标签都可以自定义，也就可以无限扩展。虽然ionic2和angular2都还没发布正式版，但手头的这个小东西用一下也未尝不可，就开始动工了。先列一下学习资源：TypeScr...
AngualrJs2官方方法是以@Input,@Output来实现组件间的相互传值，而且组件之间必须父子关系，下面给大家提供一个简单的方法，实现组件间的传值，不仅仅是父子组件，跨模块的组件也可以实现传值/***1.定义一个服务，作为传递参数的媒介*/ @Injectable() export class PrepService{//定义一个属性，作为组件之间的传递参数，也可以是一个对象或方法 profileInfo: any;} /***2.传递参数的组件，我这边简单演示，直接就在构造器里面实...
一: 以组件开发一个to-do list应用todo组件分为导入、接口定义、顶层组件、控制器、启动5个部分。app.ts://导入 import {Component} from ‘@angular/core‘; import {bootstrap} from ‘@angular/platform-browser-dynamic‘;//接口定义interface Todo {completed: boolean;label: string; }//顶层组件@Component({selector: ‘app‘,templateUrl: ‘./app.html‘,styles: [`ul li {list-style: none;}.completed {text-decoratio...
这篇文章主要给大家介绍了关于利用VS Code如何开发你的第一个AngularJS 2应用程序的相关资料，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友下面来一起看看吧。前言之前已经给大家介绍了Angular2开发环境搭建教程之VS Code，本文将详细介绍利用VS Code如何开发AngularJS2应用程序的相关内容，分享出来供大家参考学习，下面话不多说了，来一起看看详细的介绍吧。运行环境：1、Windows 1...
最近学习angularJS，发现使用其自身的$http.post向后台php发送数据，php接收不到的问题。比如：$http.post("php/getRoleRight.php", {rr:$scope.currSelect}).success(function(response) { }); php使用$_POST[rr]接收不到传过来的参数。打开firebug发现其实传成功了，折腾了好半天才发现，它只不过传输的式与普通的传输式比如jQuery里的$.post()方法传输的式不同，$http.post()是以json式传输，而$.post()是以表单参数形式传输，...
angular2的http服务是用于从后台程序获取或更新数据的一种机制，通常情况我们需要将与后台交换数据的模块做出angular服务，利用http获取更新后台数据，angular使用http的get或put进行后台调用采用的是ajax方式，跨域问题需要单独处理。下面来看一个例子，演示从后台web api中获取数据并进行页面加载。1、由于要使用http服务，所以我们一定要在我们的web页面需要引入<script src="node_modules/angular2/bundles/http.dev.js"></scr...
本篇文章主要介绍了ANGULAR2 与 D3.js集成实现自定义可视化的方法，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧本文介绍了ANGULAR2 与 D3.js集成实现自定义可视化的方法，分享给大家，具体如下：目标展现层与逻辑层分离数据与可视化组件相分离数据与视图双向绑定,实时更新代码结构清晰,易于维护与修改基本原理angular2 的组件生命周期钩子方法\父子组件交互机制\模板语法源码解析代码结构很简单，...
AngualrJs2官方方法是以@Input,@Output来实现组件间的相互传值，而且组件之间必须父子关系，下面给大家提供一个简单的方法，实现组件间的传值，不仅仅是父子组件，跨模块的组件也可以实现传值/***1.定义一个服务，作为传递参数的媒介*/ @Injectable() export class PrepService{//定义一个属性，作为组件之间的传递参数，也可以是一个对象或方法 profileInfo: any;} /***2.传递参数的组件，我这边简单演示，直接就在构造器里面实...
AngularJS已然成为Web应用开发世界里最受欢迎的开源JavaScript框架。自成立以来，见证其成功的是惊人的经济增长以及团体的支持与采用——包括个人开发者、企业、社区。 Angular已经变成一个构建复杂单页面应用的客户端MVW框架（Model-View-Whatever）。它在应用测试和应用编写方面都扮演重要角色，同时简化了开发过程。 Angular目前的版本为1.3，该版本稳定，并被谷歌（框架维护者）用于支持众多应用（据估计，在谷歌有超过1600个应...
链接参数数组保存路由导航时所需的成分： 指向目标组件的那个路由的路径（path） 必备路由参数和可选路由参数，它们将进入该路由的URL 我们可以把RouterLink指令绑定到一个数组，就像这样： <a [routerLink]="[/heroes]">Heroes</a>在指定路由参数时，我们写过一个双元素的数组，就像这样： this.router.navigate([/hero, hero.id]);我们可以在对象中提供可选的路由参数，就像这样： <a [routerLink]="[/crisis-center, { foo: foo...
本文介绍了ANGULAR2 与 D3.js集成实现自定义可视化的方法，分享给大家，具体如下：目标 展现层与逻辑层分离数据与可视化组件相分离数据与视图双向绑定,实时更新代码结构清晰,易于维护与修改基本原理 angular2 的组件生命周期钩子方法\父子组件交互机制\模板语法 源码解析 代码结构很简单，其中除主页index.html和main.ts之外的代码结构如下所示:代码结构app.module.ts import { BrowserModule } from @angular/platform-browser; i...
angularjs2 ng2 密码隐藏显示代码结合ionic2开发移动端项目，注册页的密码的input一般用password，但是用户输入密码时可能会输入错误，需要显示成text。 如图：首先，输入框的类型判断； <ion-input type="{{pwshow?text:password}}" placeholder="输入密码"></ion-input>然后，添加眼睛的点击事件，ngClass判断图标样式；<a href="javascript:;" rel="external nofollow" item-end (click)="pwshow=!pwshow" [ngClass]="pwshow?ey...
父到子组件之间的数据传递 父组件模板中引用子组件// father template： ...<child-item [name] = "fatherItemName" > </child-item>//...` 其中”fatherItemName” 为父组件中的属性，[name] 为子组件的输入 在子组件中使用 @Input() name 来接受父组件传递的值 如果在接收值前需要进行一些处理，可以使用setter 拦截输入属性 _name: string = ;@Input()set nameStr(name: string){_name = "father name:" + name;}这时的 _name 作...
关于http服务 HttpModule并不是angular的核心模块，它是一个附加的模块，存在于@angular/http中，虽然如此但是依然可以在需要的时候使用它，只需要在使用之前引入即可。对于大多数app来说使用http服务是很常见的，所以我们将HttpModule加入到AppModule的import列表和应用的根组件中，这样就可以在整个应用中使用http服务了 在自定义服务中使用Http服务 http服务通过其get方法获取数据，他会返回RxJS Observable，我们希望使用的数据...
AngualrJs2官方方法是以@Input,@Output来实现组件间的相互传值，而且组件之间必须父子关系，下面给大家提供一个简单的方法，实现组件间的传值，不仅仅是父子组件，跨模块的组件也可以实现传值 /***1.定义一个服务，作为传递参数的媒介*/ @Injectable() export class PrepService{//定义一个属性，作为组件之间的传递参数，也可以是一个对象或方法 profileInfo: any;}/***2.传递参数的组件，我这边简单演示，直接就在构造器里面实现...