前端-angular
简单的结构介绍和实例
亮靓-Demi
我不懒
展开
-
TypeScript
1.介绍原创 2018-07-04 07:56:02 · 3227 阅读 · 4 评论 -
Angularjs与angular架构对比
1.AngularJS诞生于2009年,后来被Google收购,是一个JavaScript框架。通过指令扩展了HTML,通过表达式绑定数据到html可以通过script标签添加到网页中以JavaScript文件形式发布的。2.Angular是继angularJS之后的升级版本,虽然是升级,但是关系就像JavaScript和Java一样微妙是一个比较完善的MVC框架3...原创 2018-06-24 21:44:36 · 3404 阅读 · 13 评论 -
ionic中storage使用
storage使用1.引入import { Storage } from ‘@ionic/storage’;2.注入constructor(public storage: Storage) {}3.存储this.storage.set(‘PROJECTINFO’, JSON.stringify(this.projectList));4.取this.storage.get(‘PROJECTINFO...原创 2019-01-27 21:48:11 · 2141 阅读 · 8 评论 -
vue页面显示图片
html页面<img :src="studentImg" style="width:100px; height:130px"><img :src="bookImg" style="width:100px;height:130px">script 声明<script>import axios from 'axios';export default ...原创 2019-03-31 18:38:35 · 25703 阅读 · 4 评论 -
Angular2(0)
【前言】 好巧不巧,在我最忙的时候让我了解到了angular2,所以那有什么办法,知识来了,就学呗,但根据我那看不到的基础,学习来还是有些许的困难。所以,以下就是我一个月的一点点的积累。【是什么】 前端集成开发框架【为什么用】新出的发展好万千群众当试验品改善软件原创 2017-10-29 20:09:10 · 569 阅读 · 40 评论 -
JQuery(2)
1.基础table中可以包含thead和tbodytable td{}这种写法表示table中包含所有的td可以通过border-collapse:collapse这种方式来是表格中的单元格的边框合并当th上有背景色时,这个th属于的tr上定义的背景色会无效(function())是(function())是(function(){})是(document).ready(functi...原创 2018-06-28 09:29:41 · 203 阅读 · 25 评论 -
JQuery
1.基础页面中的菜单项可以通过嵌套的ul和li来表示浏览器中ul和li元素默认情况下文字前都有圆点标识符,li元素会有缩进。list-style属性值为none时,可以清除ul和li前面的圆点清除紫菜点的缩进值,需要padding和margin都为0可以用background-repeat来控制北京图的重复填充方式<body> <ul> ...原创 2018-06-27 18:53:48 · 215 阅读 · 19 评论 -
ionic4 未读消息提示
问题1.在我的页面,模仿微信,qq进行消息提示2.利用ionic框架学习1.之前在很多地方查询实现方法,发现如下解决办法<ion-tabs> <ion-tab tabTitle="首页" tabIcon="home" tabBadge="12" tabBadgeStyle="danger"> </ion-tab></ion-...原创 2019-06-09 21:14:04 · 1454 阅读 · 4 评论 -
Angular 数据绑定(7)
1.介绍//使用插值表达式将一个表达式的值显示在模板上<h1>{{productTitle}}</h1>//使用方括号将HTML标签的一个树形绑定到一个表达式上<img[src]="imgUrl">//使用小括号将组建控制器的一个方法绑定为模板上一个事件的处理器<button(click)="toProductDetail()">商...原创 2018-07-03 15:30:54 · 849 阅读 · 5 评论 -
Angular依赖注入(6)
1.路由重定向2.子路由3.辅助路由4.路由守卫5.小结原创 2018-07-03 08:37:05 · 760 阅读 · 4 评论 -
Angular子路由辅 助路由(5)
1.路由重定向2.子路由3.辅助路由4.路由守卫5.小结原创 2018-07-02 20:49:38 · 835 阅读 · 5 评论 -
Angular4路由导航(4)
1.相关对象它加载与所请求路由相关联的组件,以及获取特定路由的相关数据。这允许我们通过控制不同的路由,获取不同的数据,从而渲染不同的页面。 这些路由在angular中的位置routes对象存在于模块中,由一组配置信息组成,每个配置信息都至少包含两个属性,path属性,component属性用来指定相应的组件 根据浏览器的地址,当地址为/user时,展示A 组件 从组建A路由,当地...原创 2018-07-02 08:26:17 · 522 阅读 · 4 评论 -
Angular设置第三方依赖(3)
1.安装第三方工具//默认情况安装的都是最新版本cnpm install jquery --savecnpm install bootstrap --save//安装指定版本cnpm install jquery@3.3.1 --save安装完成后你会在package.json文件中发现安装的工具 2.在项目中引用将你所安装的第三方工添加到js属性里,在node_mo...原创 2018-07-01 15:34:07 · 1096 阅读 · 8 评论 -
Angular如何启动(2)
1.加载了哪个页面启动时加载了src下面的index.html文件 2.加载了那些脚本main.ts是启动时加载的脚本 走对应的主组件app.component.ts对应的css选择器app-root。 main.ts介绍 3.脚本做了什么事找到选择器后angular会用主组件app.component指定的模板内容(templateUrl:’./ap...原创 2018-06-30 11:35:45 · 1949 阅读 · 13 评论 -
Angular开发环境(1)
1.程序架构组件:angular应用的基本构建块,一段带有业务逻辑和数据的html指定:允许想html添加自定义行为,(写一个自动完成在input标签上)服务:用来封装重用的业务逻辑,在不同的组件中调用,服务可以调用服务模块:将应用中不同的部分组织成一个angula框架可以理解的单元 2.环境搭建安装nodejs,angular CLI(angular命令行生成记得基础代...原创 2018-06-30 10:50:26 · 340 阅读 · 17 评论