angular学习笔记

1. 作用:

1.1 AngularJS 功能

ng-app定义一个 AngularJS 应用程序,-告诉 AngularJS,

元素是 AngularJS 应用程序 的"所有者"。
ng-model:把元素值(比如输入域的值)绑定到应用程序。–实现动态绑定
ng-bind:指令把应用程序数据绑定到 HTML 视图。基本可以和{{}}等价使用

​ 此处应用程序变量 ng-bind name 绑定到某个段落的 innerHTML–学VUE的时候学过v-bind 与{{}}的联系,是差不多等价的吗?–效果一样,区别见后面

1.2 展示AngularJS 对象

​ 1) 可以单独使用 ng-init初始化数据,然后再

中用{{}}展示数据
​ 2) 使用ng-init初始化数据,用中的ng-bind展示数据

npm config set prefix "D:\node\node_global"
npm config set cache "D:\node\node_cache"
<div ng-app="" ng-init="person={firstName:'John',lastName:'Doe'}">
	<p>姓为 {{ person.lastName }}</p>
</div>


 <div ng-app="" ng-init="person={firstName:'John',lastName:'Doe'}"> 
	<p>姓为 <span ng-bind="person.lastName"></span></p> 
</div>  
//需要注意的是,有了AngularJS就可以直接在html中使用
编写JS不在需要添加上

你可能感兴趣的:(angular学习,angular,入门,angularJS学习,angular)