指令 作用域绑定

Posted 秦小小樱

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了指令 作用域绑定相关的知识,希望对你有一定的参考价值。

绑定形式:

scope: {@=&}

@

这是一个单项绑定的前缀标识符
使用方法:在元素中使用属性,好比这样<div my-directive my-name="{{name}}"></div>,注意,属性的名字要用-将两个单词连接,因为是数据的单项绑定所以要通过使用{{}}来绑定数据。

=

这是一个双向数据绑定前缀标识符
使用方法:在元素中使用属性,好比这样<div my-directive age="age"></div>,注意,数据的双向绑定要通过=前缀标识符实现,所以不可以使用{{}}

&

这是一个绑定函数方法的前缀标识符
使用方法:在元素中使用属性,好比这样<div my-directive change-my-age="changeAge()"></div>,注意,属性的名字要用-将多个个单词连接。

以上是关于指令 作用域绑定的主要内容,如果未能解决你的问题,请参考以下文章

组件:使用slot进行内容分发

angularjs怎样更改子作用域的值

Java——JSP/九大内置对象/四大域对象

Python名称绑定和作用域的关系??

在约束布局中查看片段的绑定不起作用

angularJs指令的Scope(作用域)