首页 > 其他 > 详细

Angular——自定义指令

时间:2018-02-03 19:40:53      阅读:199      评论:0      收藏:0      [点我收藏+]

基本介绍

有了很多内置指令,但是依然无法满足我们的需要,我们可以自己定义一个指令,实现默写功能。

基本使用

directive方法可以帮助我们自己定义一个指令,它的返回方式一共有四种,ECMA,代表所定义指令可以使用的环境

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body ng-app="App">
<div tag=""></div>
<script src="../libs/angular.min.js"></script>
<script>
    var App = angular.module(App, []);
    App.directive(tag, function () {
        return {
            restrict: ECMA,
            // template: ‘<ul><li>很</li><li>好</li></ul>‘,
            templateUrl: ./list.html,
            replace: true
        }
    });
    //可以直接输入字符串,也可以传入一个文件 传入文件同样是通过ajax请求的原理
    //replace:可以将包裹的标签替换掉
    // E:element 返回的是元素 <tag></tag>
    // C:Class 返回的是类名  <div class=‘tag‘></div>
    // M:Mark 返回的是备注
    <!-- directive:tag -->
    // A:attribute 返回的是属性 <div tag></div>
</script>
</body>
</html>

 

Angular——自定义指令

原文:https://www.cnblogs.com/wuqiuxue/p/8410463.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!