深入AngularJs(1)

最新推荐文章于 2021-10-21 11:17:34 发布

Luffy_ying

最新推荐文章于 2021-10-21 11:17:34 发布

阅读量270

点赞数

分类专栏： Frames

本文链接：https://blog.csdn.net/Luffy_ying/article/details/52750369

版权

Frames 专栏收录该内容

3 篇文章 0 订阅

订阅专栏

angularJS被称为前端的MVC可以这样理解：

View(视图), 即 HTML。
Model(模型), 当前视图中可用的数据。
Controller(控制器), 即 JavaScript 函数，可以添加或修改属性。

1.解释：【这里面是对实例的解释】

AngularJS 是一个 JavaScript 框架。它是一个以 JavaScript 编写的库。

AngularJS 通过 ng-directives 扩展了 HTML。

ng-app 指令定义一个 AngularJS 应用程序。【它告诉angular，<div>元素是应用程序的所有者】

ng-model 指令把元素值（比如输入域的值）绑定到应用程序。【把输入域的值绑定到应用程序变量name】

ng-bind 指令把应用程序数据绑定到 HTML 视图。

ng-init 指令是初始化angular应用程序变量

ng-controller定义了控制器

angular模块Module定义了angularjs应用

ng-repeat 指令对于集合中（数组中）的每个项会克隆一次 HTML 元素。

实例：

<span style="font-size:14px;"><!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title></title>
</head>
<body>
    <div ng-app=''>
    	<p><input type="text" ng-model='name'></p>
		<h1>{{name}}</h1>
		<div ng-init="firstName='John'">
		<p>姓名为 <span ng-bind="firstName"></span></p>
		</div>
    </div>
	<script src='angular.js'></script>
</body>
</html></span>

2.表达式

AngularJS 表达式写在双大括号内：{{ expression }}

类似于 JavaScript 表达式，AngularJS 表达式可以包含字母，操作符，变量。

与 JavaScript 表达式不同，AngularJS 表达式可以写在 HTML 中。

与 JavaScript 表达式不同，AngularJS 表达式不支持条件判断，循环及异常。

与 JavaScript 表达式不同，AngularJS 表达式支持过滤器。

3.应用

$scope

　scope是angularJS中的作用域(其实就是存储数据的地方)，很类似javascript的原型链。搜索的时候，优先找自己的scope，如果没有找到就沿着作用域链向上搜索，直至到达根作用域rootScope。每个模块只会有1个rootScope

Luffy_ying

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
深入AngularJs(1)

angularJS被称为前端的MVC可以这样理解：View(视图), 即 HTML。Model(模型), 当前视图中可用的数据。Controller(控制器), 即 JavaScript 函数，可以添加或修改属性。1.解释：【这里面是对实例的解释】AngularJS 是一个 JavaScript 框架。它是一个以 JavaScript 编写的库。
复制链接

扫一扫