美文网首页
angularjs 指令

angularjs 指令

作者: 李大嘴JimmyLee | 来源:发表于2016-10-10 19:29 被阅读0次

内置指令 及使用方法:

**replace 替换 **


**html模板写法 **

<hello><div>这里被替换没有了</div></hello>

指令写法

var myModule = angular.module(“myModule”,[]) 
myModule.directive(“hello”,function(){
     return {
          restrict:’AE’,
          replace:”true”,
          template:”<div>hello world </div>" 
     }
})

transclude 指令内部包含有元素的情况下指定该元素在指令元素的嵌套位置 很重要的功能,可以通过指令互相嵌套


html模板写法

  <hello><div>这里是指令内部内容</div></hello> 

指令写法

var myModule = angular.module(“myModule”,[])
myModule.directive(“hello”,function(){
     return {
          restrict:’AE’,
           transclude:”true”,
          template:”<div>hello world <div ng-tranclude></div></div>" 
 }
})

scope的绑定策略


@ 把当前属性作为字符串来传递。你还可以绑定来自外层scope的值。在属性值中插入{{}}即可。
= 与父scope中的属性进行双向绑定
& 传递一个来自父scope的函数,稍后调用

相关文章

  • 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/yqjvyttx.html