zoukankan      html  css  js  c++  java
  • AngularJs 特性 之 指令系统

    <!DOCTYPE html>
    <html ng-app="myApp">
    <head>
        <meta charset="utf-8">
        <script src="../../jslib/angular.min-1.5.8.js"></script>
    </head>
    <body>
    
        <hello></hello>
    </body>
    <script type="text/javascript">
        var app = angular.module('myApp', []);
        app.directive("hello",function () {
            return{
                restrict:'E',
                template:'<div>Hi Everyone</div>',
                replace:true
            }
        });
    </script>
    </html>

    在HTML中,很明显是没有hello标签的,但是通过模块的directive方法,使用函数中的模板替换了hello标签

    有了指令功能,我们可以自己封装一些很使用的指令标签

    ng-app属性其实也是AngularJs的一个指令,类比于Java中的main函数,其是AngularJs执行的入口

    在任意的一个页面中,AngularJs只允许出现一次

    指令的本质,就是标签库

  • 相关阅读:
    Git
    canvas画布
    Node.js
    node的consoidate的插件统一
    使用nodejs去做一个验证码
    node的cookie-parser和express-session
    node的router路由。
    node的经典事件监听
    使用node去爬虫
    node的读写流
  • 原文地址:https://www.cnblogs.com/sherrykid/p/5730709.html
Copyright © 2011-2022 走看看