码迷,mamicode.com
首页 > 其他好文 > 详细

angular学习的一些小笔记(中)之directive

时间:2016-10-24 13:16:03      阅读:156      评论:0      收藏:0      [点我收藏+]

标签:angular   plugins   定义   src   ace   ref   学习   stat   text   

directive里面的几个配置,上代码就清晰了

<!DOCTYPE html>
<html ng-app=app>
<head>
    <meta charset=UTF-8>
    <title>test</title>
    <script type="text/javascript" src=static/plugins/angular.min.js></script>
</head>
<body>
    <my-directive></my-directive>
</body>
<script type="text/javascript">
    angular.module(app,[])
    .directive(myDirective,function(){
        return{
            restrict:E,
            template:<a href="#">click me</a>
        };
    })
</script>
</html>

这段代码在浏览器上打开是这样的,

<my-directive><a href="#">click me</a></my-directive>

看到吗,directive里面的template在标签的里面,是标签的子元素

然后再看,在配置一个replace

<body>
    <a href="#">click me</a>

<script type="text/javascript">
    angular.module(app,[])
    .directive(myDirective,function(){
        return{
            restrict:E,
            replace:true,
            template:<a href="#">click me</a>
        };
    })
</script>
</body>

replace为true的时候可以看到的是原来的自定义标签被template替代了

 

angular学习的一些小笔记(中)之directive

标签:angular   plugins   定义   src   ace   ref   学习   stat   text   

原文地址:http://www.cnblogs.com/lwwen/p/5992371.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!