zoukankan      html  css  js  c++  java
  • 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组件中。

  • 相关阅读:
    CentOS7 彻底关闭 IPV6
    查看 nodejs 安装包的相关指令
    npm 查看全局安装过的包
    更换 nodejs npm 镜像为 淘宝 镜像
    更改 Centos 6 的 yum 源
    Nodejs 实现 WebSocket 太容易了吧!!
    解决国内 NPM 安装依赖速度慢问题
    详解 HTML5 中的 WebSocket 及实例代码-做弹幕
    JSmpeg-用JavaScript编写的视频播放器
    适用于Centos6.x系统的15项优化脚本
  • 原文地址:https://www.cnblogs.com/jiangtengteng/p/6793106.html
Copyright © 2011-2022 走看看