zoukankan      html  css  js  c++  java
  • angularJS核心原理

    一、angularJS优点和缺点

    优点

    1.1免去重复劳动-获取元素、给元素加事件、创建元素

    1.2接管UI:angularJS根据数据创建UI元素,免去手工创建UI元素。

    1.3自动同步:根据数据个数创建对应的html元素。

    缺点

     二、angularJS一切皆数据

    、angularJS三要素

    4.1 ng-model:数据从哪里来

    4.2 ng-bind:数据到哪里去

    4.3 ng-app:那块归AngularJS管

    四、angularJS是MVC框架

    M-Model ->ng-model

    V-View   ->{{}}

    C-Controller  ->1.业务逻辑  2.angularJS与原生JS桥梁 3.$scope

    五、Controller

    var mod = angular.module('main_mod',[]);        //<html ng-app="main-mod"></html>

    //往模块里面添加东西

    mod.controller('contr1',function($scope,$http){          //<body ng-controller="contr1"></body>

       //controller代码

      //$scope-所有angular的数据都在$scope上

      $scope.a=0;

      $scope.b=0;

    /*增加parseInt函数*/

      $scope.parseInt=function(n){

          return parseInt(n);

      }

    /*增加alert函数*/

      $scope.alert=function(str){

          window.alert(str);

      }

    /**

    *读取数据

    *$http.get()返回Promise对象

    */

     $http.get('user.txt').success(function(arr){

        alert(arr);

    }).error(function(){

         alert('错误');

    });

    });

    六、双向绑定

    双向-可进可出

    输入框-既可以输入,也可以输出

    *所有的数据是双向的-数据<->UI

    七、依赖注入

    把依赖项注入进去

    函数:函数的参数由定义决定?还是由调用决定?

    js原生函数的参数由调用决定,angularJS将这种情况反转了,angular函数要什么参数就有什么参数。

    总结:

    1、angularJS和原生JS不互通,从而避免全局污染。

    2、angularJS所有的东西都在$scope里,需要的数据都在$scope上找。

    3、angularJS一切皆数据

  • 相关阅读:
    使用Eclipse创建Maven的JSP项目
    MySQL远程访问
    IDEA创建web工程,不用Archetype(超简单)
    IDEA创建web工程(超简单)
    共享软件
    C语言讲义——链表完整代码
    base64图片显示问题
    JAVA 判断一个字符串是否是合法的日期格式?
    SpringBoot配置本地文件映射路径
    SpringBoot读取资源目录下的文件
  • 原文地址:https://www.cnblogs.com/chenweichu/p/6659186.html
Copyright © 2011-2022 走看看