angular初识

angular 是一种大型的框架,相比较vue而言是比较笨重的,但它的核心思想是双向数据绑定

  一,首先说说如何从一步实现。

    引包:首先引入angular.js包

    接口:在需要操作页面的空间中定义接口,ng-app.个人感觉是开辟了一个angular对象的空间。好。这步做完了就代表空间由angular做。

    模板:input里面的数据操作是ng-model="val",这个val就是用来操作的数据值。

    创建模板:我感觉是模板进行实例化。因为现在有一个ng-app=‘myapp‘的作用域但是我们想自己来操作这个作用域的数据。

          那么如何操作这个模板,就是实例化。<script> var appMy=angular.module(‘myapp‘,[])</script>这后面那个数组是新建模板依赖千万不能掉。那么这个appMy就是已经实例化出来的模板。

          如何操作实例化出来的模板,就是用到控制器,创建一个控制器来控制实例化出来的模板里面的数据appMy.controller(nameController,function($scope){

          这里就是操作数据的地方。$scope个人觉得是一个桥梁连接。连接js的数据和html页面的数据

          比如$scope.A=0,这里可以理解为双向绑定js和html里面的A。这个A就是ng-model=‘A‘或者{{A}}

      那么这里对A的每一个操作都会呈现在页面上。同样页面的A的变化也会影响js中变量A的值。

})

  创建的模板是要给谁用的也要说明。所以在要操作数据的页面空间中加上模板名

时间: 2024-12-10 03:59:50

angular初识的相关文章

行如风 Angular 初识5

今天说一下关于AngularJs的闪屏问题和使用对象扩充和数据遍历,直接上代码: (一).闪屏问题 首先要知道是什么原因会造成闪屏问题,大家都知道数据绑定会有2种写法(此处的2种不包括表单的数据绑定),即ng-bind和{{xxx}}的写法, 比如以下代码 <div>{{name}}</div>和<div   ng-bind="name"></div> 这两种都可以绑定数据,但是{{name}}在页面刷新时Web渲染的时候还会显示{{na

行如风 Angular 初识

上一篇主要说了一些关于Jquery的一些局限以及Angular的一些优点,当然这两者各有各的长处而且可以同时使用各取所长(当然这都是对那些老鸟来说的),这两天听了几节网易云课堂向军老师讲的关于Angular的一些入门课程,感觉受益匪浅,想要学习Angular的小伙伴可以去试试噢.我摘除其中我认为比较重要的几点与大家分享一下: 1.jQuery主要是处理效果的,在处理样式及动画上很显著.(并不代表它不能处理数据,只是各有所长而已) jQuery可以通过id.class.以及一些特有的属性来获取DO

行如风 Angular 初识2

上一篇主要说了一些关于Jquery的一些局限以及Angular的一些优点,当然这两者各有各的长处而且可以同时使用各取所长(当然这都是对那些老鸟来说的),这两天听了几节网易云课堂向军老师讲的关于Angular的一些入门课程,感觉受益匪浅,想要学习Angular的小伙伴可以去试试噢.我摘除其中我认为比较重要的几点与大家分享一下: 1.jQuery主要是处理效果的,在处理样式及动画上很显著.(并不代表它不能处理数据,只是各有所长而已) jQuery可以通过id.class.以及一些特有的属性来获取DO

行如风 Angular 初识4

学习Angular已经有一段时间了,可以说收获越来越多,上一篇主要说了一下关于数据双向绑定MVVM的问题,今天来说一下Angular的用到的一些关键指令以及它的用法~~ 1.首先,先说一下ng-app,ng-controller和ng-init: ng-app是Angular模块初始化的指令,Angular的指令如果要起作用,必须放在对应的ng-app模块内部. ng-controller是Angular的控制器,通常情况下会和ng-app一起放一个HTML标签里,其他指令也必须放到它的内部.

行如风 Angular 初识3

最近一直在学习AngularJs的内容,受益颇多,今天就继续为大家分享我的学习成果,上一篇博文主要说了一下关于MVC的事情,这个是学习Angular的基础,所以我觉得如果是小白的话非常有必要搞清楚三者之间的关系,废话不多说. Angualar的主要特征呢,前面说过是双向数据绑定,那么是怎么来实现的呢? 先来说一下MVVM,MVVM就是module-view-view-module(模型---视图---视图---模型),与之前的MVC不同的是MVVM是双向的,即模型改变视图会自动跟着变,视图改变模

行如风 Angular初识

本人接触前端代码时间并不长,其中css .html.js以及jquery库是前端知识的基础,其他一些人可能还接触过php,java等后台的代码,这里就不多废话进入正题:) 大家可能刚开始接触前端知识的时候尤其对jquery库有了先入为主的概念(特别是刚开始就学习的jquery而不是angular.vue等其他前端框架的童鞋),这样的话可能会导致大家在学习Angular框架的时候,思维模式难以转变: Jquery主要是获取DOM节点(是非模块化的),然后对节点进行操作,如下: 修改一个类名为abc

初识angular.js之爱恨情仇

angular.js Angular.JS 是一组用来开发Web页面的框架.模板以及数据绑定和丰富UI组件.它支持整个开发进程,提供web应用的架构,无需进行手工DOM操作. AngularJS很小,只有60K,兼容主流浏览器,与 jQuery 配合良好. 简单概括:MV*模型的js框架 angular.js之爱恨情仇 爱恋之际 MV*模式 职责清晰.层次分明,例如页面样式变化仅改变View代码,其它层次结构代码无需改动. 数据绑定 数据视图绑定(单.双向数据绑定),无需反锁的改变DOM的值或修

初识Angular

AngularJS有着诸多特性,最为核心的是:MVVM.模块化.自动化双向数据绑定.语义化标签.依赖注入,等等. AngularJS是为了克服HTML在构建应用上的不足而设计的.HTML是一门很好的为静态文本展示设计的声明式语言,但要构建WEB应用的话它就显得乏力了.所以我做了一些工作(你也可以觉得是小花招)来让浏览器做我想要的事. 通常,我们是通过以下技术来解决静态网页技术在构建动态应用上的不足: 类库 - 类库是一些函数的集合,它能帮助你写WEB应用.起主导作用的是你的代码,由你来决定何时使

初识 Angular 体会

一句话描述:一个前端的类似MVC框架的JS库 刚接触2天,刚一看感觉和asp.net mvc能实现的功能有点重复. 虽然asp.net的表单验证,Razor语法使其在前端开发有较大提升,但要实现比较高级复杂效果还是要 客户端JS来实现,服务端更多是提供和保存数据的角色. 如果只是简单的CURD应用,用原始Mvc的功能会效率更高也够用. 很多前端js框架注重的是UI表现.而angular注重的是如何管理和表现数据. angular本身不提供样式和控件,是一个管理数据,控制输出的JS库. 虽然很多控