草庐IT

angularjs-bindings

全部标签

javascript - 何时以及为何使用 &?、=?、@?在 AngularJS 中?

我按照一些教程创建了AngularDirective(指令)。在隔离作用域中,一些教程这样定义作用域:scope:{model:'=?',data:'@?'}同时,一些教程定义范围时没有这样的问号:scope:{model:'=',data:'@'}任何人都可以通过示例向我解释这些区别或目的吗?谢谢。 最佳答案 &、@和=符号用于定义绑定(bind)(单向、双向等)如您所知,隔离范围对象。Hereisaprettythoroughtutorialonhowallthisworks.?符号用于指示独立作用域绑定(bind)所指的父作用

javascript - AngularJS 如何将数据从子 Controller 发送到父 Controller ?

我需要一些指导来为我在AngularJS中的任务采取最佳实践。任务:在View内部:我有一个父Controller和两个子Controller。子Controller使用它们自己的$scope和对象。当我在View中按下保存时,我需要将数据从子Controller获取到父Controller,以便准备一个对象以将其发布到服务器。我对这种方法的最佳解决方案感到困惑。 最佳答案 在Controller之间共享数据的一种常见方式是使用service.你也可以broadcast更新父Controller

javascript - AngularJS 中多属性指令的编译和链接顺序?

假设我有两个名为myFoo和myBar的属性指令。这些指令是用restrict:'A'定义的。然后我有一个元素编译/链接函数的调用顺序是什么?my-foo的编译总是在my-bar的编译之前调用吗? 最佳答案 除了@valepu的回答之外,这里还有对DDO(指令定义对象)的priority属性的描述:TL;DR默认的priority是0,如果你想改变元素的编译顺序,你必须增加元素的优先级。WhentherearemultipledirectivesdefinedonasingleDOMelement,sometimesitisnece

javascript - $translate.instant 在组件启动时不翻译 AngularJS 组件中的值

与AngularTranslate和$translate.instant()方法我构建了AngularJS的选择组件,可以在语言之间自动切换:{{$ctrl.value}}SwitchtopolishSwitchtoenglish正如您在Plunker上看到的:AngularJSselectwithautomatedtranslations.问题是它显示select选项未定义,直到我选择第二个选项。然后一切正常,我可以在选项的英语和波兰语翻译之间切换。我什至尝试使用$onChangesHook等待第一次更改,如果发生更改,则使用$timeout运行$digest:this.$onCha

javascript - knockoutjs 在 foreach 绑定(bind)中单击绑定(bind)

编辑:问题与绑定(bind)无关,而是一个简单的JavaScript错误。我有一个关于foreach绑定(bind)中的点击绑定(bind)的问题。我有一个列表,其中的项目显示一个下拉框,用于从主数据中选择一个值。可以从该列表中添加和删除项目。删除项目的按钮嵌套在foreach绑定(bind)中。因此我希望我应该将它与$parent>绑定(bind)-那是行不通的。但以下版本有效:-我不明白为什么。代码:numbers:value:-+functionViewModel(){self.masterData=[{id:1,caption:"One"},{id:2,caption:"Two

javascript - AngularJs 空表单并从输入中删除无效状态

我正在使用表单向显示在表单一侧的列表添加元素。标记是:{{thing.name}}withvalueof{{thing.value}}在Controller中我有:$scope.things=[];$scope.addThing=function(thing){$scope.things.push(thing);$scope.thing={};};工作jsfiddle:http://jsfiddle.net/cXU2H/1/现在如您所见,我可以通过清空模型来清空表单,但是由于输入具有必需的标签,浏览器仍然显示错误消息(至少Chrome会显示)。我查看了类似的问题并且:我也看过这个答案:

javascript - 如何在 AngularJS 中处理来自 REST Api 的日期字段?

我有一个RESTAPI,它返回带有标准ISO-8601格式日期的JSON数据:yyyy-MM-ddTHH:mm:ss:{id:4version:3code:"ADSFASDF"definition:"asdflkj"type:"CONTAINER"value:"1234"active:"false"formula:falsevalidTo:"2014-12-31T05:00:00"validFrom:"2010-12-31T10:00:00"}我的问题是我不太确定如何在AngularJS中处理这个问题。我有一个$resource,其中包含GET、POST等我的API端点,但是当我的数据

javascript - Ace 编辑器和 vim 键绑定(bind) : using :w command

我正在将AceEditor集成到Web应用程序中,并像这样使用vim键绑定(bind):vareditor=ace.edit('editor');editor.setDisplayIndentGuides(false);editor.setHighlightActiveLine(false);editor.setShowFoldWidgets(false);editor.setShowInvisibles(false);editor.setShowPrintMargin(false);editor.setKeyboardHandler('ace/keyboard/vim');我也将这个

javascript - AngularJS:如何停止 ng-click 的事件传播?

我有这样的指令:app.directive('custom',function(){return{restrict:'A',link:function(scope,element){element.bind('click',function(){alert('wanttopreventthis');});}}});是的,对于这种情况,有必要进行jQuery方式的绑定(bind)。现在我想在满足某些条件时停止此事件(点击)传播。尝试过:$event.stopPropagation();$event.preventDefault();但这并没有帮助。例如这里的fiddle-http://j

javascript - JQuery 绑定(bind) Ajax 成功

为什么我们在AJAXsuccess调用时调用bind?看看这段代码:$.ajax({url:myurl,dataType:'json',success:function(data){this.setState({data:data});}.bind(this)});如果我们不调用bind,那么这里使用bind有什么不同或有优势吗? 最佳答案 您需要调用bind()以强制您的回调上下文(this)是正确的。否则,它默认在全局上下文中调用(显然,jQuery使用jqXHR对象的上下文调用它)。bind()将函数的上下文设置为this应该