在NiceFish项目中关于Echarts组件和指令是直接注册在appModule根模块中的,这样路由只需这样写就可以让浏览器加载图标组件: 在chart组件视图中: chartType是封装了Echarts的angular指令,pieChart,barChart,lineChart是各种图标的配置 ...
分类:
其他好文 时间:
2017-11-17 18:30:57
阅读次数:
148
一、环境准备: node准备 npm准备 二、安装环境 首先安装TS的 为啥安装它,ng2使用的开发语言是TS接着安装angular-cli,按照官方文档嗦的,这是个工具,能够帮你快速创建ng2的工程,做个工程空架子吧,可以省很多事. 如果想用cnpm的话,可以走如下步骤 第一次用npm下载是慢了点 ...
分类:
其他好文 时间:
2017-11-16 21:55:43
阅读次数:
1299
animations动画在angular2官网里面已经讲解很详细了,那么动画功能在实际项目中应该如何组织文件,动画文件放在哪个位置,如何来组织结构使得动画模块和其他模块之间运作调理清晰呢,下面参照NiceFish来讲解一下: 一:定义动画 在app文件夹里面有一个专门的动画模块 拿一个例子来简单分析 ...
分类:
其他好文 时间:
2017-11-13 14:55:41
阅读次数:
160
从ionic1转战过渡到ionic2/3已经好一段时间了,一直没有时间静下来总结一下。 ionic2/3以angular2和ts为基础开发,提前学习ag2和ts为接下来的开发大有好处。 自定义tabs导航栏颜色: 在variables.scss文件中添加$tabs-ios-background:** ...
分类:
其他好文 时间:
2017-11-09 22:47:45
阅读次数:
200
配置注入器: 不需要创建 Angular 注入器。 Angular 在启动过程中自动为我们创建一个应用级注入器 在NgModule中注册提供商 在组件中注册提供商 该用 NgModule 还是应用组件? NgModule 中的提供商是被注册到根注入器。这意味着在 NgModule 中注册的提供商可以 ...
分类:
其他好文 时间:
2017-11-09 18:43:34
阅读次数:
188
Angular模块 (NgModule) Angular 模块是带有 @NgModule 装饰器函数的类。 @NgModule接收一个元数据对象,该对象告诉 Angular 如何编译和运行模块代码。 它标记出该模块拥有的组件、指令和管道, 并把它们的一部分公开出去,以便外部组件使用它们。 它可以向应 ...
分类:
其他好文 时间:
2017-11-09 17:17:01
阅读次数:
224
点击添加按钮会自动添加一个空的input组 html js 出现的问题是,当我在第一行input中分别添加上数据xxx,ddd后,再次点击添加按钮,此时页面刷新,添加一个空的input行,此时有两行,而第一行input中填好的值却不见了,查看元素它的model属性明明又是绑定了刚输入的值的,页面上怎 ...
分类:
其他好文 时间:
2017-11-09 14:45:17
阅读次数:
988
模板驱动验证 每当表单控件中的值发生变化时,Angular 就会进行验证,并生成一个验证错误的列表(对应着INVALID状态)或者null(对应着VALID状态) 我们可以通过把ngModel导出成局部模板变量来查看该控件的状态。 比如下面这个例子就把NgModel导出成了一个名叫name的变量 < ...
分类:
其他好文 时间:
2017-11-08 13:08:24
阅读次数:
326
app.module.ts 导入 FormsModule 如果某个组件、指令或管道是属于imports中所导入的某个模块的,那就不能再把它再声明到本模块的declarations数组中。 如果它是你自己写的,并且确实属于当前模块,才应该把它声明在declarations数组中。 container、 ...
分类:
其他好文 时间:
2017-11-08 11:58:44
阅读次数:
205
使用动画: 状态与转场: 状态: 状态: 状态是一个由程序代码中定义的字符串值, 上面的例子 'active'和'inactive'这两种状态 state具体定义了每个状态的最终样式。一旦元素转场到那个状态,该样式就会被应用到此元素上,当它留在此状态时,这些样式也会一直保持着。 从这个意义上讲,这里 ...
分类:
其他好文 时间:
2017-11-06 19:18:28
阅读次数:
196