![](https://img-blog.csdnimg.cn/20200417170537334.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
Angular
Angular基础
求财专用糖
这个作者很懒,什么都没留下…
展开
-
ionic组件-datetime日期
基本日期<ion-list><ion-item><ion-label>Date</ion-label><!--【picker-format】:弹框弹起时时间显示格式【display-format】:选择时间后,显示时间结果的格式-->...原创 2020-03-19 15:05:59 · 1810 阅读 · 0 评论 -
ionic组件-segment分段式导航
效果展示:Ts代码:import { Component, OnInit } from '@angular/core';@Component({ selector: 'app-news', templateUrl: './news.page.html', styleUrls: ['./news.page.scss'],})export class NewsPag...原创 2020-03-18 22:35:53 · 613 阅读 · 0 评论 -
ionic组件-searchbar搜索框
搜索框效果展示:<!--【ion-searchbar】--><ion-content><!--【type="number"】一般搜索框--><ion-searchbarplaceholder="请输入搜索的内容"inputmode="decimal"type="number"></ion-searchbar>...原创 2020-03-18 22:18:47 · 806 阅读 · 0 评论 -
ionic组件-Slides轮播图
Slides轮播图组件ionic中的轮播图组件是基于swiper插件,所以配置slides的属性需要在swiper的API中找;Swiper触摸滑动插件:https://www.swiper.com.cn/api/index.html【ion-slides】:自动播放轮播图【[options]="slidesOpts"】:绑定自动轮播属性ts代码如下:...原创 2020-03-18 17:03:30 · 913 阅读 · 0 评论 -
ionic组件-form表单
本节知识点:Ionic之form表单实现MVVM,模拟数据提交或信息注册案例。效果展示:【ion-input】单行文本框 <ion-item-divider> <ion-label>用户基本信息</ion-label> </ion-item-divider> <ion-item> <ion...原创 2020-03-16 22:13:10 · 1158 阅读 · 0 评论 -
ionic组件-列表属性
文章参考来源:ionic中文网(http://www.ionic.wang/components_doc-index-id-259.html)列表由多行项组成,可以包含文本、按钮、切换、图标、缩略图等等。列表通常包含具有类似数据内容的项,如图像和文本。列表支持多种交互,包括滑动项以显示选项、拖动以重新排序列表中的项目和删除项目。普通列表语法格式:<ion-list>...原创 2020-03-12 18:34:31 · 553 阅读 · 0 评论 -
Angular ionic 按钮内置基本样式
参考ionic中文网:http://www.ionic.wang/components_doc-index-id-213.html#expand效果展示:html代码:<ion-content> <ion-button color="dark"> 通过color属性改变按钮颜色 </ion-button> <ion-button...原创 2020-03-12 15:28:13 · 950 阅读 · 0 评论 -
Angular ionic如何自定义模块
ionic中如何多个模块共用一个组件?由于ionic中的页面由模块组成,多个模块无法共用一个组件,因此需要将组件封装成模块,用模块引入模块的方式达到多个模块共用一个组件的目的。1:新建一个名为sild的模块;PS E:\Angular\ionicdemo01> ionic g module modules/slid2:在sild模块中创建slid 的组件;PS E:\...原创 2020-03-10 22:55:36 · 201 阅读 · 0 评论 -
Angular ionic 创建页面和页面跳转
一:创建tab4模块cd到项目目录; 通过ionic g page 页面名称;PS E:\Angular\ionicdemo01> ng g page tab4 3.删除默认配置在app-routing.module.ts里的路由;4.在tabs.router.module.ts中,配置tab45.在tabs.page.html中新增tab4的路由...原创 2020-03-10 21:52:24 · 582 阅读 · 0 评论 -
Angular 创建 Cordova ionic
注意:安装时以管理员身份运行PowerShell一:必须安装node.js(最新稳定版)PS C:\WINDOWS\system32> node -vv12.16.1二:命令 npm install -g cordova ionic / cnpm install -g cordova ionic三:检查cordova ionic是否安装成功ionic -...原创 2020-03-07 18:16:48 · 249 阅读 · 0 评论 -
Angular中如何自定义模块
为什么要自定义模块?当项目比较小的时候就可以不用自定义模块,但是当我们的项目庞大,并且需要把所有组件挂载到根模块里面时,Angular内置的模块就不是很合适了,因此遇到这样的情况,我们就可以使用自定义模块的方式来规划我们的项目,并通过Angular自定义模块可以实现路由的懒加载。自定义模块有什么好处?把功能相同的组件或类似的组件定义成一个模块,在根模块中动态加载子模块。例如,我们现...原创 2020-03-04 17:43:13 · 1088 阅读 · 0 评论 -
Angular组件通讯--父子通讯
效果展示:一、父组件与子组件通讯首先准备两个组件,aside为父组件,child为子组件,1、父组件在TS中准备子组件所需的内容 publicfatherData:string='我是父组件的字段'; methodData():void{ console.log('我是父组件的方法'); }2、挂载(在父组件的HTML中将子组件挂载在其名下,...原创 2020-02-28 00:51:46 · 183 阅读 · 0 评论