123-蒲公英云

123

r囧r小猫 2021-10-01 05:24 430阅读 0赞

angular指令

ng-init(初始化数据)
ng-app(边界，模块范围与controller配合)
ng-model(数据绑定)
ng-repeat(循环：数组，json)

M — ng-model model数据
V——ng-bind { {}} 表现
C——不能单独存在，基于某个模块(filter，directive,c)

contralleer

写模块(控制器)
angular.module(‘test’,[]) .contraller(‘ctrll’,function(){})
用模块(控制器)
ng-app=“test” ng-contraller=“ctrll”
依赖
- [ 在控制器传入的参数，就是依赖，叫依赖注入，常见的依赖注入有 s c o p e , scope, scope,http,$timeout]
- [要是什么，就能得到什么]
- [ s c o p e : 一切数据都在 scope: 一切数据都在 scope:一切数据都在scope身上，ng的作用域]
- ng的两大特性数据绑定(ng-model)，依赖注入($scope-html)
  ng和js是不互通的，所以干什么都要加ng : ng-click
  ng数据交互
- $http.get(‘1.txt’).then(res=>{
  res.data()
  })
  异步请求与promise
  $scope ;作用域，数据
  $http：数据交互
  $interval：
  t i m e o u t ： p r o m i s e ： timeout： promise： timeout：promise：q([]), $race([])
  ng是——MVVM
  ng—指令
  controller —功能数交互
  模块就是将组件，服务，命令组织到一起，
  ng5.x

main是文件启动入口，main去找app里面的app.module.ts(跟模块)，根模块去加载根组件，app.compontent. 根组件里面声明了自己的魔板，样式，组件的数据

分治，复用
在ng中，组件就是一个类，构造函数的另一种写法
@compontent组件的装饰器
@compontent({
selector:‘app-root’ 用来定义组件渲染的标签名称—index.html
templateUrl: 组件的魔板文件
stylesUrls：[] 一个数组，用来存放组件相的样式

})
在vue中有data，meyhods
在ng中组件的data
export class A{ title:’’;content:’’}
在组件方法中可以通过this访问组件成员