angular 基础学习之初识

最新推荐文章于 2022-08-15 21:32:29 发布

Renkx0404

最新推荐文章于 2022-08-15 21:32:29 发布

阅读量264

点赞数

本文链接：https://blog.csdn.net/Renkx0404/article/details/79622749

版权

库和框架的区别？
预先定义好的，帮忙省事的；
库：人在用库； {出发点是方便程序员}
框架：框架在用人； {出发点限制程序员}

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>

Renkx0404

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
angular 基础学习之初识

库和框架的区别？预先定义好的，帮忙省事的；库：人在用库； {出发点是方便程序员} 框架：框架在用人； {出发点限制程序员}AngularJs 1：避免重复劳动获取事件创建、接管UI；2：好在哪里：自动同步，节约精力；Angular学习：MVC：数据和表现的分离；（数据交互的模型）M：model 模型-数据 V：view 视图表现...
复制链接

扫一扫