初学angular

angular是MVC的一个框架。

angular模块化

1.定义模块

angular.module('名字',[依赖的其他模块]);

2.引用模块

ng-app="模块名字"

依赖项

$scope           ng作用域,所有的ng数据都在$scope上 依赖项

$http

             $http.get();

             $http.get().then(function(){},function(){})

             $http.post();

              $http.jsonp();

$interval

$timeout

ng-指令

ng-app           这个放哪就说明哪归angular管 必须有

ng-controller

                使用controller:

                1.定义controller

                 ①angular.module('main',[]).controller('',function(){})

                 ②var app=angular.module('app',[]);  app.controller()

                  2.引用controller

 ng-controller="名字"

ng-init

ng-model

自定义controller:

模块.controller(名字, function (){...controller代码...});

自定义filter:

模块.filter(名字, function (){...filter代码...});

自定义directive:

模块.directive(名字, function (){...directive代码...});

自定义service:

模块.service(名字, function (){...service代码...});

自定义filter:

模块.filter(名字, function (){

         return function (input, arg){

                  return '处理好的结果';

           };

});

使用:

{{数据|filter:"参数"}}

↑                   ↑

input              arg

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • AngularJS是什么?AngularJs(后面就简称ng了)是一个用于设计动态web应用的结构框架。首先,它是...
    200813阅读 1,679评论 0 3
  • Angular面试题 一、ng-show/ng-hide与ng-if的区别? 第一点区别是,ng-if在后面表达式...
    w_zhuan阅读 5,623评论 0 26
  • 1 1.认识AngularJSMVx概念Angular是什么扩展了HTML的功能颠覆性、可扩展为什么使用angul...
    codewa阅读 954评论 1 3
  • 1、angularjs的几大特性是什么? 双向数据绑定、依赖注入、模板、指令、MVC/MVVM 2、列举几种常见的...
    2e9a10d418ab阅读 1,411评论 0 10
  • ng-model 指令ng-model 指令 绑定 HTML 元素 到应用程序数据。ng-model 指令也可以:...
    壬万er阅读 908评论 0 2