草庐IT

angularjs-bindings

全部标签

javascript - AngularJS 父指令与子指令通信

考虑两个具有独立作用域的嵌套指令:如果我想要dctv2与dctv1交谈我有可能的选择:我可能需要dctv1的Controller在dctv2的定义中使用require:'^dctv1'我可以使用包装器调用父作用域上的表达式和scope:{callParent:'&'}我也可以使用$scope.$emit在dctv2但随后所有父作用域都会听到该消息。现在我要dctv1与dctv2交谈.我能做到这一点的唯一方法是使用$scope.$broadcast,但是所有的child都会听到。在这里交谈是指调用函数或类似函数。不想设置watch阻塞摘要循环。我怎样才能制作dctv1通知dctv2以最好

javascript - 同一页面中的 AngularJS、D3 和 JQuery。 D3 无法读取正确的 DOM 维度

我的页面无法正确加载,这让我很苦恼。我在html5和CSS3中使用简单的页眉-主体-页脚结构。+----------+|HEADER|+---+----------+---+|BODY|+---+----------+---+|FOOTER|+----------+我现在正在做的是在body空间内创建一个带有D3的svg,在加载窗口(以及图片)后动态读取宽度和高度。现在我想添加Angular以避免网站每个页面内的代码冗余,我这样做了:(function(){varapp=angular.module('neo4art',[]);varpages={"genesis.html":"The

javascript - Angularjs:tr 标签上的 ng-repeat 和 ng-switch

我正在尝试使用AngularJS创建一个事件列表表。但是每个事件都有一个类型,不同类型的事件内容截然不同,有些类型还会生成不止一行。在一个完美的世界里,我会这样做:............但这行不通,因为大多数浏览器会丢弃或重新定位ng标签以强制tbody仅包含trs。我见过的相关问题(Howtouseng-repeatwithoutanhtmlelement)的唯一解决方案是拥有多个tbody元素;我宁愿不这样做,但即使我这样做,给tbodyng-repeat和ng-switch属性,我仍然有我不能在单个ng-switch-when中包装多个trs的问题.有没有办法在AngularJ

javascript - 我可以将构造函数的原型(prototype)方法绑定(bind)到构造的实例,同时保持关注点分离吗?

假设我有一个对象构造函数和一个原型(prototype)方法,例如:functionHuman(name){this.name=name;}Human.prototype.sayName=function(){console.log('myname'+this.name);};在我的代码的其他地方,我定义了一个human的实例:letjeff=newHuman('jeff');最后我想将jeff.sayName作为回调传递给其他一些函数,比如(对于一个特别简单的例子)functioncallFunction(callback){callback();}callFunction(jeff

javascript - 使用 Ionic/AngularJS 和 Cordova 为 native 和 Web 应用程序使用相机

我正在尝试使用相机,我想知道您是否有任何关于如何使其在网络/native上工作的示例。我有这段代码,是从ng-cordova文档中借来的:$scope.takePicture=function(){varoptions={quality:75,destinationType:Camera.DestinationType.DATA_URL,sourceType:Camera.PictureSourceType.CAMERA,allowEdit:true,encodingType:Camera.EncodingType.JPEG,targetWidth:100,targetHeight:1

javascript - 我如何在 AngularJS 应用程序中使用 grunt-uncss?

我的AngularJS应用程序由两个url组成:http://myapp/#/foohttp://myapp/#/bar这是简化的index.html文件:除了包含应用程序逻辑外,script.js文件还包含通过$templateCache加载的html模板服务。随着http://myapp/#/foourl,foohtml模板被插入到中元素。同样,使用http://myapp/#/barurl,barhtml模板插入到中.我想做的是使用grunt-uncss减少style.css的任务尺寸。我的第一次尝试是:uncss:{dist:{files:{'style.css':['inde

javascript - aurelia 中使用 repeat.for 绑定(bind)自定义元素的正确方法是什么

使用Aurelia,我正在为绑定(bind)和repeat.for而苦苦挣扎:假设我的View模型中有一个属性menuItems(MenuItem的数组)我想用自定义模板重复菜单项:exportclassApp{menuItems:MenuItem[];}exportclassMenuItem{label:string;}在我的应用程序模板中,我使用了自定义元素我的自定义模板(menu-item.html):${label}绑定(bind)模板或访问绑定(bind)的MenuItem的正确方法是什么?我试过以下方法:${label}和${item.label}但这是行不通的。我可以在b

javascript - 如何使用页面方法将控件绑定(bind)到不同的数据源?

如果我有这样的单选按钮列表:并且根据用户选择,我必须从数据库绑定(bind)我的下拉列表。如何使用Ajax页面方法做类似的事情?例如:我的单选按钮列表:123如果用户选择2,下拉列表应该是这样的:W1W2W3 最佳答案 在页面初始加载时绑定(bind)所有下拉列表的数据,如果每个下拉菜单中的选项数量不要太多下拉列表的数据源不会根据所选的单选按钮而改变并且,根据客户端本身选择的单选按钮切换客户端下拉菜单的可见性。 关于javascript-如何使用页面方法将控件绑定(bind)到不同的数据

javascript - 轻量级单向数据绑定(bind)的最佳解决方案

关闭。这个问题需要更多focused.它目前不接受答案。想改进这个问题吗?更新问题,使其只关注一个问题editingthispost.关闭6年前。Improvethisquestion我有一个正在处理的单页应用程序,其中变量x可能会因多种原因而发生变化。我希望DOM(下面的div)中显示的值始终与javascript变量的值相匹配。我知道像Angular这样的框架对此很有用,但我正在寻找更轻量级和更简单的解决方案。如果有帮助,我已经在页面上使用了JQuery和underscore.js。varx=100100理想情况下,我希望只需要提供变量和元素作为参数。例如:bind(x,'#val

javascript - 如何将一个数组项传输到另一个数组并使用 Angular Material Drag n Drop CDK 更新它,而无需两个项目都绑定(bind)到相同的参数

我正在使用AngularMaterialDragNDropCDK将一组默认项目(列表1)移动到动态项目列表(列表2)。当我将默认项目(L1)拖到动态项目(L2)中,然后更新现在的动态项目(NewL2Items)时,它也会更新默认项目(OldL1Item)。当您将默认项(L1)拖到动态项(L2)时,默认列表(L1)会使用resetList方法重置回其原始数组。我的目标是更新现在的动态项目(新L2项目)并可能将相同的默认项目(已重置的旧L1项目)拖到动态列表(L2)中,创建另一个新的动态项目(另一个新的L2项目)。我遇到的问题是,当我将默认项(L1)拖到动态列表(L2)中时,然后将新的动态