zoukankan      html  css  js  c++  java
  • angular读书笔记(二)


    在某标签中
    class='menu-disabled-{{isdisabled}}'
    通过控制器可以设置isdisabled的属性
    ng-class和ng-style:
    都可以接受一个表达式的取值
    比如:ng-class="{error:isError,warning:isWarning}"
    点击该项时改变该项的css:
    ng-lick="selectRestaurant($index)"
    ng-class="{selected:$index==selectedRow}"
    function selectRestaurant(row){
    $scope.selectedRow=row;
    }

    src与 href:
    使用ng-src与ng-href
    在标签属性中可以使用表达式:
    ng-class="{hignlight:$index%2==1}"实现交替样式的表格
    但是应该将业务逻辑(也就是表达式)放在controller中进行

    控制器的职责:
    通过$scope为应用中的模型设置初始状态,把数据模型和函数暴露给视图
    监控模型的变化,采取相应动作。
    建议:为视图中的每一块功能区域创建一个控制器
    嵌套的控制器可以通过继承树结构共享数据与函数
    内部控制器可以访问外部的属性与函数

    $scope内置的$watch函数:
    $scope.$watch($scope.total,cal);
    当total发生变化时就会调用cal函数。

    监控多个值,触发一个函数:
    (1)监控他们连接起来的值
    $scope.$watch('thing.a+thing.b',cal)
    (2)把他们放在数组或对象中,给deepwatch参数传个true.
    $scope.$watch('things',cal,true)

    利用model组织依赖关系

    provider(name,object or constructor)
    可配置的服务,如果传递了object的参数,
    必须带名为$get的参数,这个函数返回服务的名称
    否则,angular会认为你传递的是构造函数,返回服务实例对象。

    factory(name,$get Function())调用函数的时候会返回服务的实例,即
    provider(name,$get : {$get Function()})
    service(name,constructor)

    services:
    factory的例子
    angular.module('shop.services',[])
    .factory('Item',function(){
    var items = {};
    items.getitems = function(){
    //get items from service.....
    }
    return items;
    });

    controllers:
    angular.module('shop.controllers',[])
    .controller('thiscontrol',['$scope','Item',function($scope,Item){
    //do something with $scope
    $scope.items = Item.getitems();
    }]);

    the twig:
    <html ng-app="shop">
    <div ng-controller="thiscontrol"></div>
    ......
    </html>


    使用过滤器格式化数据:
    内置过滤器:currency:货币,date日期,number数字。。。
    自定义过滤器:
    ng-module="expression | myfilter"

    angular.module('shop.filter',[])
    .filter('myfilter',function(){
    var word = function(input){
    //do something with input
    };
    return word;
    });

    现在是第40页

  • 相关阅读:
    P1351 联合权值
    c++ 贪心讲解大礼包
    取石子 找规律
    树 dfs暴力判环 题意转化
    P2519 [HAOI2011]problem a
    P1640 [SCOI2010]连续攻击游戏 二分图最大匹配 匈牙利算法
    P2756 飞行员配对方案问题 二分图匹配 匈牙利算法
    cogs 49. 跳马问题 DFS dp
    cogs 2. 旅行计划 dijkstra+打印路径小技巧
    cogs 1440. [NOIP2013]积木大赛 贪心水题
  • 原文地址:https://www.cnblogs.com/youngercode/p/3878337.html
Copyright © 2011-2022 走看看