Angular入门笔记

  • 时间:2019-09-14 23:54
  • 作者:澳门网投
  • 来源:澳门网投赌场
  • 点击:

  在页面中使用Angular的指令和表达式,在谷歌浏览器上使用ng-inspector插件

  ng-app(指令) :告诉angular核心它管理当前标签所包含的整个区域,并且会自动创建$rootScope根作用域对象

  ng-model :将当前输入框的值与谁关联(属性名:属性值), 并作为当前作用域对象($rootScope)的属性

  1、表达式:通常有一个返回值,可以放在任何需要值得地方,比如函数调用的参数,一个变量名,一个运算,

  2、语句:通常表示一个完整的执行单位,一段完整的js可执行的代码,有的语句也可以用表达式来执行,叫做表达式语句。

  3、区别:语句用分号结尾,有些语句我们没有加分号,比如console.log虽然我们没有加分号,但也是语句,因为js引擎会自动解析并且加上分号。

  对象是用来存放管理数据的,函数是特殊的对象,与对象不同的是,函数可以执行,对象里也可以包含函数

  1). 定义函数时, 使用形参声明依赖对象变量, 在函数体中使用依赖对象(我们实现)

  3). 例子: 事件监听就使用了依赖注入, event就是依赖对象(event可以是任意名称)

  angular的 ‘$scope’对象就是依赖对象,并且是依赖注入的形式进行使用。

  Angular中的依赖注入:形参必须是特定的名称$scope, 否则Angular无法注入会抛异常

  View:它专注于界面的显示和渲染,在angular中则是包含一堆声明式Directive的视图模板。

  Model:它是与应用程序的业务逻辑相关的数据的封装载体,它是业务领域的对象,Model并不关心会被如何显示或操作,所以模型也不会包含任何界面显示相关的逻辑。也就是Angular中的Service

  ViewModel:它是View和Model的粘合体,负责View和Model的交互和协作,它负责给View提供显示的数据,以及提供了View中Command事件操作Model的途径;也就是Angular中的scope

  Controller:这并不是MVVM模式的核心元素,但它负责ViewModel对象的初始化,它将组合一个或者多个service来获取业务领域Model放在ViewModel对象上,使得应用界面在启动加载的时候达到一种可用的状态。

  目录首先把项目地址贴出:笔者也只是刚入门而已,每一步都走的很困难,基本每一个知识点都是靠百度,刚开始感觉很吃力,慢慢发现吃力才有收获。博文来自:sinat_肖旭东的博客

  刚实习的时候用过AngularJS,那时候真的是连原生JavaScript都不会写,依样画葫芦做了几个管理后台。然后突然换项目了,AngularJS就不写了,感觉前前后后接触了一年多的AngularJ...博文来自:weixin_33696106的博客

  本文是笔者在学习开发过程中的总结输出,目的在于让初次接触Angular的开发者对该框架能有整体的认识,并且能快速上手开发工作。...博文来自:野草园

  1.1Angular过滤器:过滤器(filter)正如其名,作用是接受一个输入,通过某个规则进行处理,然后返回处理后的结果。AngularJS过滤器应用场景:主要用在数据的格式化上,例如获取数组中的子...博文来自:Ason_haiyu的博客

  1、组件就是一堆为了实现同一业务逻辑的代码文件的组合2、组件基础构成:3、selector:组件的命名标记,采用“烤肉串式”命名,即采用小写字母并以-分隔。例如:“app-root”,“app-hel...博文来自:Hill

  自从了解AngularJS这个前端框架,就喜欢上它。喜欢它的简洁高效,就跟当初喜欢上Python一样。使用Juery,需要和dom打交道,有时候实现一个简单的全文搜索功能,需要写很多的js代码。而使用...博文来自:hackstoic的博客

  依赖注入AngularJS提供很好的依赖注入机制。以下5个核心组件用来作为依赖注入:value  ------Value是一个简单的javascript对象,用于向控制器传递值(配置阶段) facto...博文来自:ken 的博客

  这篇严格来说不是自己写的,这里只是记录一下使用的过程(这样是不太好的),前端要学习的东西还有很多。懒加载模式,用到时再加之,和懒汉式、饿汉式的单例设计模式有些相像(个人看法),首先在index.htm...博文来自:星小丫头辰

  服务Service1.常用内置服务  服务 说明 $scope 作用域,当前控制器内有效 $rootScope 根作用域,当前模块(所有控制器)可用,相当js的全局变量 $http ...博文来自:ken 的博客

  angular温习笔记前言上手组件功能快捷键合理的创建标题,有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右Smarty...博文来自:wxh1850307107的博客

  使用Angular,搭建环境很重要。那我们就从搭环境说起吧。一,需要安装的东西:1.node.js(是个软件)Angular基于node.js,所以要先安装nodejs环境.  Node.js安装包及...博文来自:为什么我的眼里常含泪水?

  一,angular基础指令(笔记见本地新加卷盘)博文来自:JunXian的博客

  AngularJS通过ng-directives扩展了HTML。ng-app指令定义一个AngularJS应用程序(angular应用程序的范围)。网页加载完毕时会自动引导(自动初始化)应用程序ng-...博文来自:刘小明明的博客

  一、依赖注入:依赖注入是一种设计模式,可以自动事先查找依赖关系,在目标需要的时候立即注入进去。AngularJS使用$injetor(注入器服务)来管理依赖关系的查询和实例化。事实上,$injetor...博文来自:Vin1992的博客

  过滤器用来格式化需要展示给用户的数据。AngularJS有很多实用的内置过滤器,同时也提供了方便的途径可以自己创建过滤器(自定义过滤)。比如:页面中需要把显示的字母转换为大写,或者是把日期变成良好的格...博文来自:Sophie_U的博客

  【背景】前端学习的倒数第二章,总结一下。【内容】一、构建:编译和合并二、部署:与服务器整合三、多环境:一套代码支持多种环境 ...博文来自:杨燕梅 廊坊师范学院信息技术提高班 十二期

  【背景】最近恶补前端基础知识,记录一下~【内容】3.1路由内容介绍学习内容:1、了解路由的基础知识2、子路由、保护路由和辅助路由3、在在线拍卖(Auction)项目中添加路由作用:为每一个页面提供一个...博文来自:杨燕梅 廊坊师范学院信息技术提高班 十二期

  【背景】最近恶补前端基础知识,记录一下~【内容】一、与服务器通讯内容介绍二、web服务器三、http通讯四、websocket通讯五、商品搜索功能六、商品关注功能七、本章小结......博文来自:杨燕梅 廊坊师范学院信息技术提高班 十二期

  查看Angular英文版官网的文档,里面的描述太少,都没声明NgModule装饰器是干嘛用的,只介绍了元数据。在Angular中文官网中,核心知识有详细介绍,才明白Angular通过装饰器也就是带@的...博文来自:罗兰娇的博客

  一、搭建环境1.安装nodeJs和npm(npm是伴随着nodejs一起安装的),并且注意的是:要确保nodejs是6.9.x,npm是3.x.x,越新版本的越好,旧版本的容易出问题。2.安装angu...博文来自:罗兰娇的博客

  想要快点上手Angular的项目,就读了《精通AngularJS》,就第一章快速入门做个笔记。名字:Hello{{name}}1)引入angular.js库2)使用ng-app的html属性引导1.重...博文来自:翎羽飘的小分享

澳门网投
上一篇:Vue入门之数据绑定(小结) 下一篇:Vue学习看这篇就够