开始学习一个指令 directive 并了解指令的意义
2015-12-31 22:51
337 查看
这一节中,开始一些比较新的东西了,但都会从简入深的学习,不用担心理解不了,这里都会以白话的形式去描述
然后运行后,通过审查元素的方式,查看BUTTON 按钮,程序已经自动的为 BUTTON增加了命名为 btn 的 class
指令 directive 可以干什么
directive 允许我们自定义一些非标准的HTML标签,便于我们的业务需要的处理一个简单的 button 指令
将Angularjs 开始之Hello world中的JS代码部分修改为以下内容[code]angular.module('MyApplication', []) .controller('HelloWorld', ['$scope', function($scope){ $scope.text = "Hello world"; }]) .directive('button', function(){ return { link: function(scope, elements, attrs) { elements.addClass('btn'); } }; });
然后运行后,通过审查元素的方式,查看BUTTON 按钮,程序已经自动的为 BUTTON增加了命名为 btn 的 class
相关文章推荐
- Java虚拟机参数详解
- vb.net动态建库之CodeFirst
- 2. 【创建和销毁对象】用构建器创建复杂参数对象(Builder模式)
- 《挑战程序设计竞赛》3.1.3 二分搜索-查找第k大的值 POJ3579 3685
- CentOS安装Jenkins
- Redis学习笔记三:多机数据库的实现
- 求二进制中数1的个数
- Java关键字(二)static关键字(static声明属性)
- 马哥linux运维实战练习案例(一)
- Good Bye 2015 C
- Redis学习笔记二:单机数据库的实现
- 了解Java虚拟机
- Oracle高级查询,over 用法
- 文件操作1
- [编程题目]泥塑课
- Semi-Supervised Affinity Propagation with Soft Instance-Level Constraints 阅读笔记1
- 2015年编程方面的总结
- 解决EditorLineEnds.ttr被锁定导致Delphi2006-2010无法启动的问题
- Spark:一个高效的分布式计算系统
- UE4的编译配置详解