[angularjs] angularjs系列笔记二指令

重复

ng-repeat

<div class="cnblogs_code">

  
    

<script type="text/javascript">
<span style="color: #008000;">//<span style="color: #008000;">实例化应用对象,参数:模块名,空数组
<span style="color: #0000ff;">var app=angular.module("Home"<span style="color: #000000;">,[]);
<span style="color: #008000;">//<span style="color: #008000;">调用应用对象的controller()方法,参数:控制器名,回调函数
app.controller("index",<span style="color: #0000ff;">function<span style="color: #000000;">($scope){
$scope.names=[{name:'tsh'},{name:'tsh1'<span style="color: #000000;">}];
})

创建自定义指令

使用

限制使用,默认是元素名调用和属性调用

<script type="text/javascript">
<span style="color: #008000;">//<span style="color: #008000;">实例化应用对象,参数:模块名,空数组
<span style="color: #0000ff;">var app=angular.module("Home"<span style="color: #000000;">,[]);
<span style="color: #008000;">//<span style="color: #008000;">调用应用对象的directive()方法,参数:指令名,回调函数,返回一个对象
app.directive("tsh",<span style="color: #0000ff;">function<span style="color: #000000;">(){
<span style="color: #0000ff;">return<span style="color: #000000;"> {
template:"

我是自定义指令

"<span style="color: #000000;">
}
});

相关文章

ANGULAR.JS:NG-SELECTANDNG-OPTIONSPS:其实看英文文档比看中...
AngularJS中使用Chart.js制折线图与饼图实例  Chart.js 是...
IE浏览器兼容性后续前言 继续尝试解决IE浏览器兼容性问题,...
Angular实现下拉菜单多选写这篇文章时,引用文章地址如下:h...
在AngularJS应用中集成科大讯飞语音输入功能前言 根据项目...
Angular数据更新不及时问题探讨前言 在修复控制角标正确变...