您的位置：首页 > Web前端 > AngularJS

angular 基础学习之初识

2018-03-20 11:10 344 查看

库和框架的区别？

预先定义好的，帮忙省事的；

库：人在用库； {出发点是方便程序员}

框架：框架在用人； {出发点限制程序员}

AngularJs

1：避免重复劳动获取事件创建、

接管UI；

2：好在哪里：自动同步，节约精力；

Angular学习：

MVC：数据和表现的分离；（数据交互的模型）

M：model 模型-数据

V：view 视图表现层（看见的东西）

C：controller 控制器-逻辑处/业务逻辑

实现模块化和复用

AngularJs是MVC框架

1,一切都是数据；

2，是一个：“框架”

AngularJs（数据从哪里来）———（数据到哪里去）重点

AngularJs三要素：

1有ng-model ：数据从哪里来

2有ng-bind: 数据到哪里去

3有 ng-app：那块归AngularJs管

Ng-bind：

模板：{{ }}

在AngularJs里面和原生的js不是互通的；

AngularJs中的事件，

Ng-click：添加点击事件

Ng-show：显示隐藏；ng-show=”ture or false”;

初始值：Ng-init： ng-init=” ”

循环创建： ng-repeat=“item in items”

AngularJs如何做数据交互；

核心的东西

Controller

1，桥梁

2，逻辑的东西

在AngularJs里面和原生的js不是互通的；angular 所有的东西都在$scope；

angularjs的第一课：

angular.js：

<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<script src="js/angular.js"></script>  ·······················<--首先在页面中引入 -->
</head>
<body ng-app="app1">                       ······················<-- 然后在html中声明angular的模块 -->
<div  ng-controller="ctrl">             ······················<-- 然后定义控制器 -->
{{hello}}
</div>
<script>
var app= angular.module('app1',[]);   ········<--在js中首先需要定义angular.module的模块 -->
app.controller('ctrl',['$scope',function ($scope) {
$scope.hello = "hello word"
}]);· ········<--然后需要引入controller里面的$scope -->
</script>
</body>
</html>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航