ptyhon , angular js 学习记录【1】

1.日期格式化

Letter Date or Time Component Presentation Examples
G Era designator Text AD
y Year Year 199696
M Month in year Month JulyJul07
w Week in year Number 27
W Week in month Number 2
D Day in year Number 189
d Day in month Number 10
F Day of week in month Number 2
E Day in week Text TuesdayTue
a Am/pm marker Text PM
H Hour in day (0-23) Number 0
k Hour in day (1-24) Number 24
K Hour in am/pm (0-11) Number 0
h Hour in am/pm (1-12) Number 12
m Minute in hour Number 30
s Second in minute Number 55
S Millisecond Number 978
z Time zone General time zone Pacific Standard TimePSTGMT-08:00
Z Time zone RFC 822 time zone -0800

2.scope之间通信(angular js)

父scope定义一个方法(假设controller为ParentCtrl)

$scope.$on(‘change-breadcrumb‘, function(event,data) {
      $scope.breadcrumb = Util.breadcrumb("h"+$routeParams.id,data);
 });

子scope触发父scope的方法(假设controller为ChildCtrl)

 $scope.$emit(‘change-breadcrumb‘,newValue);

此时可以执行父scope里面的方法,要注意的是在页面中的两个controller的位置

<div ng-controller="ParentCtrl">                <!--父级-->
        <div ng-controller="ChildCtrl"></div>   <!--子级-->
</div>

页面弹出框dialog不属于上面的页面布局,使用方法为

dialog.context_scope.$emit(‘change-breadcrumb‘,newValue);

更多细节请参见AngularJS的学习--$on、$emit和$broadcast的使用 - 疯狂的原始人

3.$.grep angular.forEach

$.grep() 方法是按照某种条件来过滤数组

nums = $.grep(nums, function (num, index) {
    // num = 数组元素的当前值
    // index = 当前值的下标
    return isNaN(num);
});

angular.forEach方法用来循环数组

 angular.forEach($scope.templates, function (t) {
     if ($scope.pool.template.id == t.id) {
        $scope.pool.template = t;
     }
 })

两者都有循环数组的功能,在angular js 中尽量用后者进行循环

4.使用session

angular.module(‘cvirt.login‘, [‘ngCookies‘])
        .controller(‘loginController‘, loginController)
        .controller(‘logoutController‘, logoutController);

在controller中声明session,并设置值即可

$cookieStore.put(‘token‘, escape(data.token));
$cookieStore.put(‘username‘, $scope.username);

获取session中的值

$cookieStore.get(‘username‘)
时间: 2024-11-08 21:26:58

ptyhon , angular js 学习记录【1】的相关文章

python , angular js 学习记录【3】

1.Alembic是SQLAlchemy作者编写的Python数据库迁移工具.用它实现模型类和数据库的同步更新.(安装以及操作步骤 使用Alembic迁移数据库) 使用Alembic添加数据库字段操作流程:切换至db_migrate目录下(1).在model.py里面添加内容(2).运行alembic revision --autogenerate -m "comment内容" 生成数据库迁移文件(3).运行alembic upgrade head 将迁移文件的内容更新到数据库 2.l

[Pro Angular.JS]学习笔记1.1:设置开发环境

可以使用yeoman.io,很方便.我已经写了一篇随笔,介绍如何使用.这里也有一篇介绍的文章:http://www.cnblogs.com/JoannaQ/p/3756281.html 代码编辑器,在Mac下用了一下WebStorm,太恶心了.另外发现书的作者使用的开发环境是Windows + VS Express 2013,为了方便学习,我也使用VS Express 2013 Update2.VS2013用起来蛮舒服的,把WebStorm比得跟驼屎一样.也许是因为我没用习惯吧. 1.安装Nod

Angular JS 学习笔记

特定领域语言 编译器:遍历DOM来查找和它相关的属性, 分为编译和链接两个阶段, 指令:当关联的HTML结构进入编译阶段时应该执行的操作,可以写在名称里,属性里,css类名里:本质上是函数 稳定的DOM:绑定了数据模型的DOM元素的实例不会在绑定的生命周期发生改变 作用域:用来检测模型的改变和为表达式提供执行上下文的 AngularJS 和其它模板系统不同,它使用的是DOM而不是字符串 指令: 由某个属性.元素名称.css类名出现而导致的行为,或者说是DOM的变化 Filter过滤器:扮演着数据

Angular JS学习笔记

之前的学习方法有点盲目,建议以后只看与工作有关的内容,并且多问那些是只和工作有关联的. 遇到问题的时候,项目不急的话,自己研究,项目急的话,马上问. 方法不对,再努力也没有用. Angular JS学习网站:http://www.zouyesheng.com/angular.html#toc7 [  项目有关的内容 ] ng-model ng-click ng-options ng-repeat ng-if ng-show ng-hide ng-controller ng-href(有印象) {

[Cousera Angular JS学习笔记]第一周

最近在给搜索引擎做前台,开始学习Angular JS,直接上coursera上的课程:https://www.coursera.org/learn/angular-js/home/week/1(没有JS基础的同学可以和我一样先过下cousera的JS课程 Interacticity with JavaScript) 要先安装bower(方便获取JS),安装bower之前要先安装node JS (1) 安装nodejs过程直接参考http://czpae86.iteye.com/blog/1636

Angular JS 学习

学习一个google 的开发的 前端js 框架   Angular JS. 参照的书:  Angular Js  published by O'REILLY. 第二个小例子:  有一个textbox 文本框,当输入内容,placeholder 中的内容会跟着变化. 因为把ng-model 拼错了,所以显示的结果中, 文本内容改变了,p的内容没有跟着有相应变化,找了好久没找出原因,原来是ng-model拼错,无语. <html ng-app = "myApp"><hea

angular.js学习的第一天

第一天对angular.js进行学习,肯定是面对的入门的最简单的实例: 实现下面的这个效果,首先需要在html页面引入angular.js,在下面的div中,ng-app则表示在当前div是一个angular.js的应用程序:ng-model指令则实现把对应的值 绑定到当前的应用程序:ng-bind 指令把应用程序数据绑定到 HTML 视图. <!DOCTYPE html><html lang="en"><head> <meta charset

angular js使用记录

jquery本身并不是框架,而仅仅是一个操作dom的工具,它的核心是操作dom; 目前较火的前端框架:backbone.angularjs.react.avalon.vue; angularjs是由google开发的框架并进行维护,特别针对SPA(单页面)应用开发的框架,但不支持按需加载; MV*; mvvm框架 达到视图与逻辑(模块)同时绑定,同时更新: 1.ng-app——指令,使文档具有angularjs的能力(视图与逻辑混合); angular的核心就是视图与逻辑的同时绑定.同时更新;

Angular JS 学习笔记(一)

1. 菜鸟教程:http://www.runoob.com/angularjs/angularjs-tutorial.html 2. Angular JS中文网:http://www.apjs.net/