前言除了 AngularJS 内置的指令外,我们还可以创建自定义指令。
通过 .directive() 函数来添加自定义的指令。
调用自定义指令时,需要在HTMl 元素上添加自定义指令名。
自定义指令命名规则:使用驼峰命名法来命名,即除第一个单词外的首字母需大写。如: myDirective。
在html页面调用该指令时需要以 - 分割,如: my-directive。示例代码:<body...
分类:
Web程序 时间:
2016-05-07 11:29:39
阅读次数:
856
一、自定义指令:
zhiling.html
zhiling.js
angular.module('myApp',[])
.directive('myDirective', function() {
return {
restrict: 'E',
template: 'Click me to go to Google'
};
});...
分类:
Web程序 时间:
2016-05-06 15:39:48
阅读次数:
261
angularjs里面有一套十分强大的指令系统 比如内置指令:ng-app,ng-model,ng-repeat,ng-init,ng-bind等等 从现在开始我们讲解AngularJS自定义指令 首先我们先看下AngularJS里新定义一个指令的写法: 针对指令的这些参数我们进行分布讲解,课程目录 ...
分类:
Web程序 时间:
2016-04-29 11:45:55
阅读次数:
186
公司在做一个OA系统, 包括移动端(从微信企业号进入OA系统),电脑端。
电脑端还是用的传统的easyui做界面,asp.net mvc作为服务端。这个技术已经很成熟了配合权限框架很快就能开发出来。但是手机端之前团队也没有什么经验,我之前做过一个jqureymobile的项目,但是这个框架实在是太卡了,直接pass掉。恰好之前有自学一点点angularjs 所以我就推荐手机端的项目...
分类:
Web程序 时间:
2016-04-22 20:04:23
阅读次数:
235
AngularJs总结(一)创建自定义指令使用驼峰法来命名一个指令,runoobDirective,但在使用它时需要以-分割,runoob-directive:<bodyng-app="myApp"><runoob-directive></runoob-directive><script>varapp=angular.module("myApp",[]);app.directive("run..
分类:
Web程序 时间:
2016-04-21 18:41:14
阅读次数:
242
Freemarker类型:
支持的类型有:
标量:字符串、数字、布尔值、日期
容器:哈希表、序列、集
子程序:方法和函数、用户自定义指令
其他:节点
解释一下 容器 中 集 是一个什么概念:从模板设计者角度来看,集是有限制的序列。不能获取集的大小,也不能通过索引取出集...
分类:
其他好文 时间:
2016-04-15 12:22:22
阅读次数:
196
写在前面 指令的作用可以简单的描述为实现语义化的标签,比如你在移动端h5应用中,有个经常用的功能,比如通讯录的功能,不同的页面都要用到,这时你可以将其封装为指令,在使用的时候可以通过这样<friends></friends>的语义化的标签直接在页面中使用即可。 例子 首先实现一个Helloworld ...
分类:
Web程序 时间:
2016-04-10 12:45:36
阅读次数:
218
原理和使用说明 1、插件源码主要基于angular directive来实现。 2、调用时关键地方是后台请求处理函数,也就是从后台取数据。 3、插件有两个关键参数currentPage、itemsPerPage,当前页码和每页的记录数。 4、实现方法调用后我们需要根据每次点击分页插件页码时重新提交后 ...
分类:
Web程序 时间:
2016-04-10 00:51:50
阅读次数:
759
一、定义路由ng-view-AngularJS支持通过在单页面上的多个视图的单页应用-ng-view标记只是简单地创建一个占位符-使用ng-template-创建使用script标签的HTML视图-使用-定义类型作为主模块中ng-template的脚本块$routeProvider-映射相应的HTML页面或ng-template-附加一个控制器使..
分类:
Web程序 时间:
2016-04-07 01:45:19
阅读次数:
1056
AngularJS 指令 AngularJS 通过被称为 指令 的新属性来扩展 HTML。 AngularJS 通过内置的指令来为应用添加功能。 AngularJS 允许自定义指令。 AngularJS 指令是扩展的 HTML 属性,带有前缀 ng-。 ng-app 指令初始化一个 AngularJ ...
分类:
Web程序 时间:
2016-04-07 00:48:50
阅读次数:
281