随笔分类 -  JS/Angular JS

监听F5刷新，添加路由前缀
摘要：为了解决ninx反向代理，添加路由，但最终react的route还是不认识，研究了半天做个记录： 阅读全文
posted @ 2019-01-09 15:27 纸鸢&红豆·绿豆 阅读(672) 评论(0) 推荐(0)
jQuery插件（多级菜单）
摘要：  阅读全文
posted @ 2016-03-15 15:09 纸鸢&红豆·绿豆 阅读(314) 评论(0) 推荐(0)
jQuery插件（选项卡）
摘要：使用选项卡插件可以将<ul>中的<li>选项定义为选项标题，在标题中，再使用<a>元素的“href”属性设置选项标题对应的内容，它的调用格式如下： $(selector).tabs({options}); selector参数为选项卡整体外围元素，该元素包含选项卡标题与内容，options参数为ta 阅读全文
posted @ 2016-03-15 15:04 纸鸢&红豆·绿豆 阅读(284) 评论(0) 推荐(0)
jQuery插件（拖拽）
摘要：拖曳插件draggable的功能是拖动被绑定的元素，当这个jQuery UI插件与元素绑定后，可以通过调用draggable()方法，实现各种拖曳元素的效果，调用格式如下： $(selector). draggable({options}) options参数为方法调用时的配置对象，根据该对象可以设 阅读全文
posted @ 2016-03-15 14:38 纸鸢&红豆·绿豆 阅读(759) 评论(0) 推荐(0)
jQuery插件（右击事件）
摘要：  阅读全文
posted @ 2016-03-15 14:32 纸鸢&红豆·绿豆 阅读(608) 评论(0) 推荐(0)
AngularJS 指令（使浏览器认识自己定义的标签）
摘要：对于angular js还有其强大之处，可以利用angular js的指令来自定义许多标签。下面是一个实例：自定一个名为hello标签，视图如下： 编写控制器代码： 这样网页运行输出：hello，你好!! 阅读全文
posted @ 2015-12-23 14:45 纸鸢&红豆·绿豆 阅读(298) 评论(0) 推荐(0)
AngularJS 包含HTML文件
摘要：类似于python tornado的include方法，同样是可以在一个html文件中加载另外一个html文件，这样可以不用重复的写一些几乎不改变的代码。首先创建两个文件，然后代码如下： 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 ... 阅读全文
posted @ 2015-12-08 03:40 纸鸢&红豆·绿豆 阅读(379) 评论(0) 推荐(0)
AngularJS 验证
摘要：AngularJS ng-model 指令用于绑定输入元素到模型中。模型对象有两个属性： user 和 email。我们使用了 ng-show指令， color:red 在邮件是 $dirty 或 $invalid 才显示。属性描述$dirty表单有填写记录$valid字段内容合法的$invalid... 阅读全文
posted @ 2015-12-08 02:11 纸鸢&红豆·绿豆 阅读(182) 评论(0) 推荐(0)
AngularJS html+DOM+ng-click事件
摘要：ng-disabled 指令直接绑定应用程序数据到 HTML 的 disabled 属性。ng-show 指令用于设置应用部分是否可见。ng-show="true" 设置 HTML 元素可见。ng-show="false" 设置 HTML 元素不可见。ng-hide 指令用于设置应用部分是否可见。n... 阅读全文
posted @ 2015-12-08 01:57 纸鸢&红豆·绿豆 阅读(836) 评论(0) 推荐(0)
AngularJS $http
摘要：$http 是 AngularJS 中的一个核心服务，用于读取远程服务器的数据。在服务器上读取数据： 1 2 3 4 5 {{ x.Name + ', ' + x.Country }} 6 7 8 9 10 11 AngularJS 应用通过 ng-app 定义。应用... 阅读全文
posted @ 2015-12-02 15:47 纸鸢&红豆·绿豆 阅读(193) 评论(0) 推荐(0)
AngularJS过滤器
摘要：AngularJS过滤器过滤器可以使用一个管道字符（|）添加到表达式和指令中。uppercase(变为大写): 姓名为 {{ lastName | uppercase }}lowercase(变为大写): 姓名为 {{ lastName | lowercase }}currency 过滤器将数字格式... 阅读全文
posted @ 2015-12-02 13:42 纸鸢&红豆·绿豆 阅读(147) 评论(0) 推荐(0)
AngularJS控制器
摘要：AngularJS 控制器 控制 AngularJS 应用程序的数据。AngularJS 控制器是常规的 JavaScript 对象。即指令ng-controller；例子：名: 姓: 姓名: {{fullName()}} AngularJS 应用程序由 ng-app 定义。应用程序在 内运行。n... 阅读全文
posted @ 2015-11-25 20:00 纸鸢&红豆·绿豆 阅读(181) 评论(0) 推荐(0)
AngularJS指令
摘要：Angular指令简介：AngularJS 指令是扩展的 HTML 属性，带有前缀 ng-。ng-appng-app 指令初始化一个 AngularJS 应用程序：ng-app 指令定义了 AngularJS 应用程序的 根元素。ng-app 指令在网页加载完毕时会自动引导（自动初始化）应用程序。n... 阅读全文
posted @ 2015-11-25 18:44 纸鸢&红豆·绿豆 阅读(244) 评论(0) 推荐(0)
AngularJS表达式
摘要：AngularJS表达式AngularJS 表达式写在双大括号内：{{ expression }}。AngularJS 表达式把数据绑定到 HTML，这与 ng-bind 指令有异曲同工之妙。AngularJS 将在表达式书写的位置"输出"数据。AngularJS 表达式 很像 JavaScript... 阅读全文
posted @ 2015-11-24 21:02 纸鸢&红豆·绿豆 阅读(176) 评论(0) 推荐(0)
AngularJS基础
摘要：首先，AngularJS 是一个 JavaScript 框架。它是一个以 JavaScript 编写的库。AngularJS 是以一个 JavaScript 文件形式发布的，可通过 script 标签添加到网页中：AngularJS 通过 ng-directives 扩展了 HTML。ng-app ... 阅读全文
posted @ 2015-11-24 15:42 纸鸢&红豆·绿豆 阅读(163) 评论(0) 推荐(0)