![](https://img-blog.csdnimg.cn/20201014180756922.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
angular
文章平均质量分 60
落丶寞
这个作者很懒,什么都没留下…
展开
-
Angular实现一个简单的带tabs选项卡切换的首页导航功能
Angular实现首页顶部tabs导航切换原创 2023-07-01 14:16:29 · 1607 阅读 · 0 评论 -
ionic5/angular11通过修改ShadowRoot样式更改ionic UI组件原样式
通过浏览器调试可以找到需要更改的UI组件样式,找到其CSS class类名后,通过CSS无法直接修改样式,需要使用shadowRoot.appendChild();方法注入新的样式覆盖原来的样式达到修改原样式的目的。一、编写HTML<ion-header > <ion-toolbar> <ion-title> Tab 2 </ion-title> </ion-toolbar></ion-head原创 2021-05-23 17:26:36 · 983 阅读 · 0 评论 -
ionic5/angular11添加Image Picker插件错误Error: cordova-plugin-telerik-imagepicker cannot be added. <edit-c
Failed to install 'cordova-plugin-telerik-imagepicker': Error: cordova-plugin-telerik-imagepicker cannot be added. <edit-config> changes in this plugin conflicts with <edit-config> changes in config.xml. Conflicts must be resolved before plugi.原创 2021-05-19 19:47:52 · 475 阅读 · 0 评论 -
基于angular11实现类似饿了么左右分类展示UI(左右联动)和右侧滚动吸顶效果
基于angular11实现一个分类展示组件,根据左侧分类点击改变被点击组件样式和右侧展示内容,根据右侧滑动显示内容改变左侧对应分类样式和右侧滑动距离实现右侧展示内容标题吸顶效果。一、编写HTML和CSS。<ion-header #header [translucent]="true"> <ion-toolbar> <ion-title> 分类 </ion-title> </ion-toolbar>&l原创 2021-05-18 19:49:19 · 641 阅读 · 0 评论 -
ionic5/angular11使用angular的@ViewChild获取DOM(@ViewChildren获取DOM数组)并使用Renderer2操作DOM
一、编写HTML和CSS。<ion-header [translucent]="true"> <ion-toolbar> <ion-title> 分类 </ion-title> </ion-toolbar></ion-header><ion-content class="content" > <div class="content_1" > <!原创 2021-05-11 20:11:15 · 815 阅读 · 0 评论 -
ionic5/angular11使用路由及路由传值和取值
angular路由中文官方在ionic5中创建angular项目,路由使用angular路由一、创建一个ionic项目ionic start myrouter tabs --type=angular二、ionic5中默认三个tab切换页面,再创建一个新页面。通过tab1里的跳转按钮点击跳转至tab1-one页面ionic g page tab1-one三、编写tab1.page.html。<ion-header > <ion-toolbar>原创 2021-04-29 19:56:31 · 799 阅读 · 0 评论 -
Angular11中使用Angular animations动画效果非可复用和可复用方式
一、在app.module.ts里导入BrowserAnimationsModule模块。......//全局导入动画模块import {BrowserAnimationsModule} from '@angular/platform-browser/animations'@NgModule({ declarations: [AppComponent], entryComponents: [], imports: [BrowserModule, Ioni原创 2021-04-28 20:08:29 · 842 阅读 · 0 评论 -
ionic5/angular11集成百度地图JSAPI及ionic官方定位插件Geolocation实现定位
一、添加Geolocation定位插件。ionic cordova plugin add cordova-plugin-geolocationnpm install @ionic-native/geolocation二、在ionic项目下src/app/index.html里导入百度地图JSAPI。<script type="text/javascript" src="https://api.map.baidu.com/api?v=2.0&ak=你的百度地图密钥">&原创 2021-04-24 16:21:42 · 759 阅读 · 0 评论 -
ionic5/angular11项目添加插件报错npm ERR! File exists: D:\ionic\myapp\node_modules\.bin\tsc.cmd npm ERR! Move
在项目中添加定位插件,报如下错误,通过提示说拒绝删除XX文件,XX文件已经存在,删除后重试操作。按照提示删除文件后重试操作,再次报错另一个文件存在。。。最终解决办法:npm降级。当前版本:执行降级命令:npm(cnpm) install npm@4 -g最终降级后的版本:再次执行:ionic cordova plugin add cordova-plugin-geolocation添加成功,问题解决。...原创 2021-04-20 14:21:50 · 358 阅读 · 0 评论 -
ionic5/angular11里集成ng-zorro-antd-mobile(Ant Design Mobile of Angular)V4.0.0使用跑马灯UI
在ionic5项目里安装ng-zorro-antd-mobile一、安装ng-zorro-antd-mobile。执行npm/cnpm install ng-zorro-antd-mobile --save二、在 app.modules.ts 中,全局引入ng-zorro-antd-mobile。import { NgModule } from '@angular/core';import { BrowserModule } from '@angular/platform-brow.原创 2021-04-17 17:42:52 · 1174 阅读 · 0 评论