Angular——自定义指令

基本介绍

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

基本使用

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>
原文地址:https://www.cnblogs.com/wuqiuxue/p/8410463.html