angularjs2

AngularJS2 与 D3.js集成实现自定义可视化的方法

AngularJS2 与 D3.js集成实现自定义可视化的方法

本文介绍了ANGULAR2 与 D3.js集成实现自定义可视化的方法,分享给大家,具体如下: 目标 展现层与逻辑层分离 数据与可视化组件相分离 数据与视图双向绑定,实时更新 代码结构清晰,易于维护与修改 基本原理 angular2 的组件生命周期钩子方法\父子组件交互机制\模板语法 源码解析 代码结构很简单,其中除主页index.html和main.ts之外的代码结构如下所示: 代码结构 app.... »

浅谈angularJS2中的界面跳转方法

Crisis Center让我们把它分解出来:数组中的第一个条目标记出了父路由。详细的子路由需要一个id路由参数。我们把巨龙危机的id添加为该数组中的第二个条目。template: ` Angular Router Crisis Center Dragon Crisis Shark Crisis `总结:我们可以用一级、两级或多级路由来写应用程序。以上这篇浅谈angularJS2中的界面跳转方... »

angularjs2 ng2 密码隐藏显示的实例代码

angularjs2 ng2 密码隐藏显示代码结合ionic2开发移动端项目,注册页的密码的input一般用password,但是用户输入密码时可能会输入错误,需要显示成text。.eyehide .eye-hide, .eyeshow .eye-show.eyehidee .eye-show, .eyeshow .eye-hide下面附上效果图啦哈哈。。初始状态效果图打开眼睛之后效果图 »

angularjs2中父子组件的数据传递的实例代码

父到子组件之间的数据传递 父组件模板中引用子组件 // father template: ... <child-item [name] = "fatherItemName" > </child-item> //...` 其中”fatherItemName” 为父组件中的属性,[name] 为子组件的输入 在子组件中使用 @Input() name 来接受父组件传递的值 如果... »

详解AngularJS2 Http服务

关于http服务 HttpModule并不是angular的核心模块,它是一个附加的模块,存在于@angular/http中,虽然如此但是依然可以在需要的时候使用它,只需要在使用之前引入即可。对于大多数app来说使用http服务是很常见的,所以我们将HttpModule加入到AppModule的import列表和应用的根组件中,这样就可以在整个应用中使用http服务了 在自定义服务中使用Http服... »

Angularjs2不同组件间的通信实例代码

AngualrJs2官方方法是以@Input,@Output来实现组件间的相互传值,而且组件之间必须父子关系,下面给大家提供一个简单的方法,实现组件间的传值,不仅仅是父子组件,跨模块的组件也可以实现传值 /** *1.定义一个服务,作为传递参数的媒介 */ @Injectable() export class PrepService{ //定义一个属性,作为组件之间的传递参数,也可以是一个对象或方... »

使用AngularJS2中的指令实现按钮的切换效果

  之前在AngularJS2中一种button切换效果的实现(二)中实现了按钮的切换效果,但是方法比较low,这次我们使用Angular2的指令来实现。 指令实现hover效果 import { Directive, ElementRef, HostListener, Input } from '@angular/core'; @Directive({ selector: '[myHi... »