美文网首页技术分享
angular指令link中操作传递进来的数据

angular指令link中操作传递进来的数据

作者: 新林吃遍世界 | 来源:发表于2017-11-24 16:40 被阅读0次

为了解决资产数字过多造成的换行适配问题,准本写一个指令根据数字长度调整数字的字体大小
1 首先说一下指令里面的scope对象

每当一个指令被创建的时候,都会有这样一个选择,是继承自己的父作用域(一般是外部的controller提供的作用域或者根作用域$rootScope),或者创建一个新的自己的作用域,angular为我们的指令scope提供了三种参数,true ,false , {},默认false

scope = false

我们可以直接使用父控制器作用域对象上的变量,函数,他们共享一个数据模型,你修改指令里的模型数据,会反映到父作用域

scope = {}

= 双向绑定前缀
@ 单项绑定前缀
& 这是一个绑定函数方法的前缀
2 link函数
主要用与写指令的dom操作,有三个参数scope,element,attrs

【主要遇到的问题】:

在link函数里面找不到传过来的 text,每次打印都undifined,这怎么办,后来通过拿到element[0]发现innerText有值,但是当你打印的时候是传递过来那个值的初始值(0),(后来请求数据做了改变),很显然angularjs指令没有检测到这个改变,拿到的是最初的值
解决办法,我们手动检测这个值的变化呀
在link函数里面写 scope.$watch('text',function(oldValue,newValue){
可以拿到newValue最新值然后判断就可以
})

相关文章

  • angular指令link中操作传递进来的数据

    为了解决资产数字过多造成的换行适配问题,准本写一个指令根据数字长度调整数字的字体大小1 首先说一下指令里面的sco...

  • angular函数

    angular.js指令(directive)中的controller,compile,link函数有什么不同? ...

  • angular上传获取图片的directive指令

    angular 在AngularJS中,操作DOM一般在指令中完成,那么指令是如何实现的呢?指令的作用是把我们自定...

  • Angular 指令,管道,服务

    1. 指令 Directive 指令是 Angular 提供的操作 DOM 的途径。指令分为属性指令和结构指令...

  • 指令缓存

    指令的本质其实是一个替换的过程。compile阶段进行标签的解析和变换,link阶段进行数据绑定等操作 指令缓存

  • 自定义指令(上)

    简介 在常用指令的章节中我们讲了Angular提供的指令,这些指令是Angular内部封装好指令,我们开箱...

  • angular内置指令相关知识

    大纲 1、angular指令的分类2、angular指令之——组件3、angular指令之——属性指令 (ngSt...

  • angular2:实现input的双向数据绑定

    与angular1不同的是,input中双向绑定数据不再使用ng-bind指令,而是ngModel内置指令,并且需...

  • angular.js的双向绑定

    angular.js的双向绑定就是可以将界面操作可以反映到数据,数据改变也可以体现在界面上。 界面到数据的传递,主...

  • Angular事件-不同组件间传递数据

    利用Angular Event在不同组件之间传递数据 为了实现在Angular不同Component之间相互传递数...

网友评论

    本文标题:angular指令link中操作传递进来的数据

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