加入收藏 | 设为首页 | 会员中心 | 我要投稿 李大同 (https://www.lidatong.com.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 综合聚焦 > 服务器 > 安全 > 正文

[angularjs] angularjs系列笔记(二)指令

发布时间:2020-12-17 10:38:31 所属栏目:安全 来源:网络整理
导读:重复 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="colo

重复

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;">
}
});

(编辑:李大同)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    推荐文章
      热点阅读