美文网首页
angular控制器

angular控制器

作者: 月光在心中 | 来源:发表于2017-07-21 14:18 被阅读9次

作用域

$rootScope 在声明ng-app的位置创建此作用域

<!DOCTYPE html>
<!--[if lt IE 7]>      <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]>         <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]>         <html class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js" ng-app="myApp"> <!--<![endif]-->
<script src="./angular.min.js"></script>
    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <title></title>
        <meta name="description" content="">
        <meta name="viewport" content="width=device-width, initial-scale=1">
    </head>
    <body>
        <!--[if lt IE 7]>
            <p class="browsehappy">You are using an <strong>outdated</strong> browser. Please <a href="#">upgrade your browser</a> to improve your experience.</p>
        <![endif]-->
        <div ng-controller="myController">
            {{name}} 
        </div>
        {{name}} 
    </body>
    <script>
        var app = angular.module("myApp",[]);
        app.controller("myController",["$scope",function($scope){
            $scope.name = "zhar";
        }]);
    </script>
</html>
  • 同级的作用域,不可相互访问。
  • 子集能够访问父集的变量。
  • 子集作用域能够访问使用父集作用域的值,但无权修改。

过滤器

currency 货币格式转换
currency:“前缀” 更改指定的前缀,默认是$
lowercase | uppercase 大小写转换
date 日期格式化
数组过滤器
limitTo 限制结果条数
orderBy 排序
orderBy:orderKey 按orderKey升序排列
orderBy:orderKey:true 按orderKey降序排列
filter 按关键字快速过滤
filter:searchKey 过滤所以数据包含 searchKey的内容

相关文章

  • angular的知识

    Angular: MVC 分离: 基本用法: Angular特性: Angular: 控制器: Controll...

  • Angularjs入门(2)

    控制器 angularJS程序被控制器控制var app = angular.module("myApp",[])...

  • Angularjs入门(2)

    控制器 angularJS程序被控制器控制var app = angular.module("myApp",[])...

  • Angular基础

    表达式 在Angular中表达式是运用在视图中的一段代码,如: 控制器 在Angular中,控制器(control...

  • Angular中的控制器

    控制器在Angular中占有重要的地位,它是组成前端MVC框架的一员。在Angular中,控制器的作用是管理页面的...

  • 三大框架---angular---依

    上一章,我们理解了angular框架的各种指令,控制器,各种服务模块的调用。这个是 angular...

  • Angular模版篇

    Angular 模板 什么是模板 在 Angular 中,组件扮演着控制器或视图模型的角色,模板则扮演视图的角色。...

  • angular1.x&&ui-router页面跳转,多次执行控制

    angular1.x&&ui-router页面跳转,多次执行控制器。 做一个angular项目遇到,表示一脸懵13...

  • angular控制器

    作用域 $rootScope 在声明ng-app的位置创建此作用域 同级的作用域,不可相互访问。 子集能够访问父集...

  • controller as引入的意义和方法?

    在Angular中,有几种不同的方式来声明和使用控制器。 在最开始的时候我们对于angular在view上的绑定都...

网友评论

      本文标题:angular控制器

      本文链接:https://www.haomeiwen.com/subject/rvgdkxtx.html