angularJs 指令的用法
<!DOCTYPE html>
<html ng-app='app'>
<!--
A attribute属性：当做属性来使用
<div xingoo></div>
E element元素：当做标签元素来使用
<xingoo></xingoo>
C class类：当做CSS样式来使用
<div class="xingoo"></div>
M comments注释：当做注释使用（这种方式在1.2版本下亲测不可用！）
-->
<head>
<meta charset="utf-8">
<title translate="TITLE">Basic usage</title>
<style>body { text-align: center; }</style>
</head>
<body ng-controller="ctrl">
<hello></hello>
<label>{{name}}</label>
<input type="text" set-Focus="">
<script type="text/javascript" src="../script/angular.js"></script>
<script type="text/javascript">
var myApp = angular.module('app',[]);
myApp.controller('ctrl', ['$scope', function($scope) {
$scope.name = "姓名";
}]);
myApp.directive('setFocus', function(){
return {
restrict: 'A',//A 表示attribute属性
link: function(scope, element){
element[0].focus();
}
};
});
myApp.directive('hello', function() {
return {
restrict: 'E', //E 表示 element元素
template: '<div>Hi there</div>',
replace: true
};
});
</script>
</body>
</html>
最新文章
- UNITY自带的PACKAGE的UTILITY 里面有一个自带的FPS COUNTER
- Android的Intent.FLAG_ACTIVITY_CLEAR_TOP无效
- Qt : QProcess
- redirect和forward
- MS SQL中使用UPDATE ... INNER JOIN ...
- Windows系统下远程Linux系统
- rsyslog 传输日志
- FxZ，C#开发职位面试测试题(30分钟内必须完成)
- Java中的继承性特性
- 初识java这个小姑娘（一）
- Linux开机时停在 Starting sendmail 不动了的解决方案
- Springmvc对就jdbc封装的操作
- Linux环境下使用Android NDK编译c/c++生成可执行文件
- 19)django-cookie使用
- webpack学习笔记--配置plugins
- javascript 易错点、难点笔记
- 本地mysql快速迁移到服务器数据库中
- spring boot 使用velocity模板（十六）
- Windows自带NAT端口映射，命令行CMD操作即可
- c#编程指南(三) 泛型委托（Generic Delegate）