• Live2D 看板娘


    Angular Web APP 结构图:

    module   --> 模块     :相当于一个容器,Angular里的所有东西都得放在模块里,才能够被引用和加载。

    directive  --> 指令    :负责与HTML元素进行绑定,同时相互作用。

      内置指令:ng-model、ng-bind、ng-click、ng-class、ng-if、ng-hide、ng-show、ng-repeat

      自定义指令常用属性:restrict(EAMC)、replace、scope、template、templateUrl、link、transclude

    $scope    --> 作用域

      数据绑定(data-binding),在angular应用中,自动同步视图组件与数据的行为(js中为$scope html中对应的表达式为{{}}或ng-bind="")。

    service    --> 服务    :公有的代码逻辑。

      特点:单例、懒加载、共用函数

      常用服务:$http $q $timeout $interval $rootScope

        $http.get('url').success(function(){}).error(function(){});

        $http['post'/'delete'/'put']('url',{

          //数据对象

        },{

          //配置对象

        });

        $http({

          url:' ',

          method:' ',

          params:{},

          data:{},

          ...

        })

      自定义服务:cache

    controller --> 控制器 :私有的代码逻辑,只针对专门的业务和视图进行绑定。

      控制器:视图对应的业务逻辑,为数据模型添加行为和属性。

      常用属性:$id $parent $root

      常用函数:$watch $on $broadcast $emit $digest

    filter        --> 过滤器 :对数据进行过滤。

      用来格式化或者过滤数据

      内置过滤器:currency number date lowercase uppercase limitTo orderBy

    ui-router  --> 路由

      ui.router:

      

      路由参数:

      '/home':只匹配'/home'

      'user/:id'、'user/{id}':匹配'user/1234'或者'user/'

      'messages?before&after':非rest传参

      路由跳转重要指令和服务:ui-sref、$state

      

      使用方法:声明ui-view指令模块,ui-router模块会把对应的页面内容,插入到ui-view组件中。

  • 相关阅读:
    第一次作业
    Zotero引用文献格式(软件学报)
    好文索引
    【思维导图】分享以前整理的两张思维导图吧
    Nokia N9开启开发者模式
    Windows10 Ubuntu子系统折腾
    [CSAPP]并发与并行
    [读书笔记]逻辑思维,只要五步
    linux配置备忘
    从现在就开始写博客
  • 原文地址:https://www.cnblogs.com/jiangtengteng/p/6793106.html
Copyright © 2020-2023  润新知