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

Angular——自定义指令

时间:2018-02-03 19:59:08      阅读:130      评论:0      收藏:0      [点我收藏+]

标签:char   utf-8   使用   pos   template   directive   app   back   lang   

基本介绍

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

基本使用

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——自定义指令

标签:char   utf-8   使用   pos   template   directive   app   back   lang   

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

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