草庐IT

angularjs-bindings

全部标签

javascript - 挖空内容可编辑自定义绑定(bind)

为什么在这个例子中http://jsfiddle.net/JksKx/8/当我写文本时div丢失光标?如何解决此类行为? 最佳答案 keyup事件正在触发并写入您的View模型,然后触发自定义绑定(bind)的更新功能。这是将innerHTML写回元素,这会导致您失去焦点。如果element.innerHTML已经与您要设置的值相同,一个简单的解决方法是检查更新函数。http://jsfiddle.net/rniemeyer/JksKx/9/ko.bindingHandlers.htmlValue={init:function(el

javascript - 下划线绑定(bind) vs jQuery.proxy vs native 绑定(bind)

我在回调中遇到了一些上下文问题。我用谷歌搜索并找到了几个选项:native绑定(bind)-旧浏览器不支持JQuery代理下划线绑定(bind)如果我不必支持旧浏览器,我肯定会使用native绑定(bind)。应该注意这些之间有什么显着差异吗?这些可以用作调用/申请的替代方法吗? 最佳答案 据我所知,绑定(bind)和代理之间存在细微差别,如果您使用的是jQuery,这可能会很重要。Function.prototype.bind总是返回一个新的函数指针。如果尚未创建相同参数的代理,jQuery.proxy只会返回一个新函数。并不是说

javascript - 将模态数据绑定(bind)到 knockout 模型

我正在尝试将一个TwitterBootstrap模式打开到一个窗口,该窗口中有一个可编辑的文本区域,然后在保存时,它会保存适当的数据。我当前的代码:HTML:Placeholder0,'needs-comment':comment.length==0},attr:{title:comment}">×CloseSavechangesJS:/*Custombindingformakingmodals*/ko.bindingHandlers.bootstrapModal={init:function(element,valueAccessor,allBindingsAccesso

javascript - 如何在angularjs中悬停显示文本?

我是AngularJS的新手。我想显示{{Project.inrtcvalue}}当鼠标悬停在值上时。我如何在AngularJS中执行此操作?35&&project.rag70}"ng-repeat="projectin$data">{{project.prn}}所以当用户将鼠标悬停在这些上时我想显示来自Controller的值。我该怎么做呢?执行此操作的最佳方法是什么? 最佳答案 您应该能够在HTML标题标签中使用{{variable}}符号。所以像这样:查看此plunkr举个例子(感谢dfsq)

javascript - 如何为 AngularJS 表单验证要求至少 1 个复选框?

我有一个以表单形式显示的JSON对象数组。我想让表单验证工作,用户必须至少选择一个复选框才能使整个表单有效。我知道ng-required可以使用,但是对于我的实现,这意味着必须选择所有这些才能使其有效。这是我目前的代码:index.html:{{item.content}}Submitcontroller.js$scope.volunteerOptions=[{content:'Content1',selected:false},{content:'Content2',selected:false},{content:'Content3',selected:false},{conten

javascript - JQuery,将相同的函数绑定(bind)到 3 个不同的文本框的 keyup 事件

我有3个文本框,在所有3个的keyup事件中,我想调用相同的函数?在下面的代码中,我试图将keyup事件绑定(bind)到CalculateTotalOnKeyUpEvent函数到名为compensation的文本框,但它没有工作:$("#compensation").bind("keyup",CalculateTotalOnKeyUpEvent(keyupEvent));functionCalculateTotalOnKeyUpEvent(keyupEvent){varkeyCode=keyupEvent.keyCode;if(KeyStrokeAllowdToCalculateRe

javascript - 了解 AngularJS Controller 中的依赖注入(inject)

刚刚学习依赖注入(inject),我想我开始理解它了。请告诉我我是否在正确的轨道上......例如:这两个是等价的吗?/*injectionmethod*/function($scope){}.$inject=['$scope'];/*othermethod*/varapp=angular.module('myApp');app.controller(,function($scope){}); 最佳答案 首先澄清一下:对于依赖注入(inject),无论您是使用全局函数声明Controller还是作为module.controller

javascript - AngularJS/ng-grid - 使用拼接更新数组不会更新 UI

我正在尝试更新ng-grid用数组splice.我有一个笨蛋here。添加按钮添加新行。更新按钮更新数组中的最后一项。选择一行并按更新按钮。什么都没发生。按添加按钮。现在UI会更新为新元素&以及之前更新的元素。同样的行为一次又一次地重复。我试过了$scope.$apply.我得到:“Error:$applyalreadyinprogress”我什至尝试放置$scope.$applysetTimeout内的block称呼。又是同样的错误!任何指针!谢谢! 最佳答案 那是因为ng-grid中的数据$watcher(错误地)比较数据对象以

javascript - 在 AngularJS 的 ionic 框架中使用 ui-router

我正在开发一个使用ionic框架的应用程序。这反过来使用ui-router。目前,我有一个非常基本的两页应用程序。但是,它将扩展到更大。此时,当我从第一个View转换到第二个View时出现错误。错误说:TypeError:Cannotreadproperty'1'ofnullathttp://localhost:11000/vendor/ionic/release/js/ionic.bundle.js:14235:28atupdateView(http://localhost:11000/vendor/ionic/release/js/ionic.bundle.js:37839:30)

javascript - AngularJS - img ng-src 到 base64 数据(不是 url)不工作

我正在使用openfb-angular(FacebookAPI库)获取我/图片。返回数据为“url”包含Base64数据hereisthefacebookdocumentation.这是我的代码:JSOpenFB.get('/me/picture',{format:'json'}).success(function(imgData){$scope.main.user.imageData=imgData;});HTML它不工作,我得到一个空的img标签。我的错误在哪里? 最佳答案 像这样使用ng-source指令:希望这对您有所帮助。