美文网首页
AngularJS 指令

AngularJS 指令

作者: maoyaocsf | 来源:发表于2017-02-19 21:30 被阅读0次

就是告诉浏览器要做什么
作用:指令 的新属性来扩展 HTML。
内置的指令来为应用添加功能。
自定义指令
常见指令:ng-app 初始化一个AnguarJs 应用程序
ng-init初始化应用程序数据
ng-model把元素值绑定到应用程序数据是双向绑定ng-model 指令可以为应用数据提供状态值(invalid, dirty, touched, error):
基于它们的状态为 HTML 元素提供了 CSS 类:

ng-model 指令根据表单域的状态添加/移除以下类:
ng-empty
ng-not-empty
ng-touched
ng-untouched
ng-valid
ng-invalid
ng-dirty
ng-pending
ng-pristine
ng-repeat重复一个html元素

创建自定义的指令
使用驼峰法来命名一个指令, runoobDirective, 但在使用它时需要以 - 分割, runoob-directive:

<body ng-app="myApp">
<runoob-directive></runoob-directive>
<script>
var app = angular.module("myApp", []);
app.directive("runoobDirective", function() {
    return {
        restrict : "A",//通过那种方式来调用指令:E 作为元素名使用A 作为属性使用C 作为类名使用M 作为注释使用
        template : "<h1>自定义指令!</h1>"
    };
});
</script>
</body>

相关文章

  • Angular相关指令

    AngularJS 指令 本教程用到的 AngularJS 指令 : 指令 描述 ng-app 定义应...

  • AngularJS 参考手册

    AngularJS 指令 本教程用到的 AngularJS 指令 : 过滤器解析 AngularJs 过滤器。 A...

  • AngularJS (2)

    AngularJS 指令 AngularJS 指令是扩展的 HTML 属性,带有前缀 ng-。 ng-app 指令...

  • AngularJS 指令

    AngularJS 指令 背景 什么是AngularJS指令? 一、内置指令 二、自定义 概念 模块对象app,提...

  • AngularJS使用

    AngularJS实现MVC AngularJS模块化Module AngularJS指令系统 AngularJS...

  • Angular基础学习-01

    本节包括:AngularJS表达式、AngularJS指令、AngularJS模型、AngularJS的Scope...

  • 15. Angular的内置指令(过滤器)

    AngularJS中自定义指令处理 以ng开头的指令都是内置指令。 内置指令是AngularJS已经处理,使用内置...

  • Angular

    AngularJS 通过 ng-directives(指令)扩展了HTML AngularJS 通过内置的指令来为...

  • AngularJS 参考手册

    作者:Zyao89;转载请保留此行,谢谢; AngularJS 指令 AngularJS 事件 AngularJS...

  • AngularJS指令-基础

    简介 AngularJS 通过被称为 指令 的新属性来扩展 HTML。AngularJS 通过内置的指令来为应用添...

网友评论

      本文标题:AngularJS 指令

      本文链接:https://www.haomeiwen.com/subject/ougjwttx.html