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的值。

})

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

转载于:https://www.cnblogs.com/slpo007/p/6850531.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值