一、模块创建/查找 module当创建一个模块时,必须指定name和requires参数,即使你的模块并不存在依赖var myApp=angular.module("exampleApp",[]); 如果没有requires参数,则为查找该模块var myApp=angular.module("exampleApp"); 二、定义控制器 controllermyApp.cont
 0.背景前面一篇文章,简单介绍过angular创建并引用组件。在实际情况开发中,情况会稍微复杂一些,今天这篇文章就简单介绍一下,稍微复杂一点组件引用。场景:在一个组件内,切换多个组件组件一:city(带module和routing)组件二:student(只是component)组件三:car(带moudule)组件四:teacher(只是component)这几个组件相互独立(即时
转载 2023-07-06 12:53:04
102阅读
1 2 change是TimepickerDemoCtrl上的,mytime在timepicker内部改变生效就会触发 3 timepicker内部绑定TimepickerDemoCtrl对值的监控 5 自定义了渲染
转载 2017-06-12 09:35:00
114阅读
2评论
前端组件化开发,永远离不开组件之间的通信。那么,在 Angular 开发中,其组件之间的通信是怎么样的呢?1. 通过属性 2. 通过 Emitter 事件 3. 通过引用 4. 通过 service
原创 2022-08-09 14:28:40
230阅读
此刻,HeroesComponent同时显示了英雄列表和所选英雄的详情。把所有特性都放在同一个组件中,将会使应用“长大”后变得不可维护。 你要把大型组件拆分成小一点的子组件,每个子组件都要集中精力处理某个特定的任务或工作流。本页面中,你将迈出第一步 —— 把英雄详情移入一个独立的、可复用的HeroDetailComponent。HeroesComponent将仅仅用来表示英雄列表...
原创 2021-08-11 09:35:32
124阅读
项目中经常会有一些公共组件,比如header,如果每个页面都写一遍的话显得很冗余,而且不利于维护,这时候我们就会考虑将这些公共部分抽取出来,做成一个单独的组件。然而angular不是很熟悉啊~怎么啵~折腾了一下,才发现angular组件开发主要依赖自定义指令(directive )来实现。主要使用到directive的几个属性,如下:restrict:
转载 2020-05-16 10:50:00
154阅读
2评论
更多资料快速上手文档点这里在线demo点这里文档点这里github上的仓库点这
转载 2023-04-30 20:46:17
76阅读
很多人把angularjs与jQuery拿到一起相互比较,个人感觉,虽然两者有相互交叉的部分,但是还是没有可比较性的。jQuery只是一个操作DOM的类库而已,而AngularJS是是MVC(或者MVVM)框架。 jQuery是一个 JavaScript 库,主要是用来简化javascript的各种操作以及解决各种浏览器之间的兼容性,其侧重点在于提供了多样的元素选择以及选出元素的各类方法提供,帮
转载 2023-07-03 20:57:21
73阅读
习惯性的使用了bootstrap。。简介复制了一点过来。详情看ng-bootstrap的网站,地址在最后<p>Simple datepicker</p><ngb-datepicker #dp [(ngModel)]="model" (navigate)="date = $event.next"></ngb-datepicker><hr/
原创 2023-03-05 07:13:01
113阅读
angular中的$q是用来处理异步的(主要当然是http交互啦~).$q采用的是promise式的异步编程.什么是promise异步编程呢? 异步编程最重要的核心就是回调,因为有回调函数,所以才构成了异步编程,而回调有三个关键部分:一是什么时候执行回调,二是执行什么回调,三是回调执行的时候传入什么参数.就以最常见的jquery Ajax举例,发送一个请求后:什么时候执行回调: 请求成功
使用Angular2的Http发送AJAX请求Angular的文档并不详细,甚至API文档也有一些错误。经过查阅资料并经大量实验,终于明确了Angular的Http发送Ajax请求的方式方法。本文描述了通过Angular的Http发送Ajax请求相关的全部内容。1. Angular的Http类Angular的Http类负责与服务端通讯,通过Ajax的形式访问远程服务器。Angular的Http访问
最近正在使用Angular开发Ai-Admin快速开发平台,UI框架选择了Ant Design的ng-zorro,登录认证我们使用token。完整代码:https://gitee.com/chou-xf/ai-adminSession认证 由于http协议是无状态的,所以客户端每次访问都是新的请求。这样每次请求都需要验证身份,传统方式是用session+cookie来记录/传输用户信息。由于ses
AngularJS被Google收购了,并且应用到Google的很多产品中Google有一个产品,写了17000多行代码,使用AngularJS改版之后,代码1500行代码应用场景:前后端相分离的应用   HTML  JS(PHP)CRUD类型的应用(Create、Read、Update、Delete)SPA(Single Page App:单页面应用)Angular
转载 2023-08-31 19:04:01
160阅读
闲来无事,在网上发现了一篇对比AngularJs和Jquery的文章.恰好最近自己也在研究AngularJs.特此收藏.需要的朋友可以参考. 原问题:假如我熟悉利用jQuery去开发客户端应用,那么我怎么上手angularjs,能否描述下所需要的模式转变,下面这些问题能够帮助你给出一个回答:1.在设计客户端web应用的时候有什么区别,最大的区别是什么?2.我应该停止使用哪些技术,同时又使用哪些技术
解释Angular中的几个高级组件和机制,它们增强了灵活性、可重用性和性能。通技能,并在应用程序中利用灵活性、可重用性和性能优化的能力。
原创 精选 2023-12-19 10:47:05
247阅读
1)分页模板页面product_pag.html<div style="margin-right:4px;float:right;">     <span style="color: blue; margin-right: 6px;">总 页 数         <strong class
原创 2015-03-13 16:19:39
2735阅读
一个Angular应用一般情况下包含多个组件,而且要让组件互相之间能进行通讯(数据传送),这样才能构成一个有机的完整系统。 1、情景引入 下面例举一个实际遇到的情况:上图页面包含两个组件,“新增班级组件”和“选择教师组件”,在新增班级时需要选择改班级的管理教师,管理教师列表要从数据库中获取。选择好教
转载 2020-09-29 18:22:00
366阅读
2评论
html css
原创 2021-08-13 09:32:00
66阅读
https://embed.plnkr.co/oTBw4G?show=app.compontent.html,previ
原创 2023-04-03 13:38:01
100阅读
Angular动画组件封装step1:D:\vue\untitled2902\src\app\app.module.tsjsimport{NgModule}from'@angular/core';import{BrowserModule}from'@angular/platformbrowser';import{AppComponent}from'./app.component';import{B
原创 2022-03-22 10:01:45
161阅读
  • 1
  • 2
  • 3
  • 4
  • 5