草庐IT

data-ng-bind

全部标签

javascript - 如何将 Knockout js 模型绑定(bind)到向导式 UI

我正在使用Knockoutjs。我有一个包含对象数组的View模型,我想允许用户使用向导样式界面编辑其中一个对象。我遇到的问题是向导会根据所做的选择显示不同的步骤。例如:如果用户在第1步选择"is",那么我会显示第2a步如果用户在第1步选择“否”,那么我会显示第2b步(即不同的对话框形式)这样下去,通过向导的路径就不是线性的了。我的问题是我是否在启动时将所有可能的向导UI步骤绑定(bind)到View模型,即使某些步骤永远不会显示并且某些屏幕上的绑定(bind)无效(例如步骤5可能绑定(bind)到viewModel.theObject.PropertyA.PropertyB.Prop

javascript - AngularJS:在每次按键时使用动态 ng-model 模糊更新输入

jsFiddle演示问题:http://jsfiddle.net/yoxigen/xxTJc/我正在构建一个小表单来编辑一个对象的所有属性。为此,我有一个用于属性的中继器。每个属性都有其输入:{{value}}每次在输入中按下一个键时,它旁边的值都会正确更新,但输入会失去焦点。知道如何解决这个问题吗? 最佳答案 IwishtherewasawaytopostponetheregenerationuntilI'mdoneediting.你也许可以做到这一点。只需制作一个自定义指令即可消除AngularJS事件并改为收听“更改”。以下是

javascript - 将当前 HTMLElement 传递给 ng-click

是否可以将HTMLElement传递给在Controller上配置的ng-click?下面是一些示例代码:{{item.name}}Controller:function($scope){$scope.items=[{name:'Bilbo',id='Bilbo'},{name,'Frodo',id='Frodo'},{name:'Pippin',id='Pippin'},{name:'Merry',id='Merry'},{name:'Sam',id='Sam'}];$scope.handleThisElement=function(element){alert(element.id

javascript - ng-flow 以编程方式上传

我目前正在使用ng-flow执行文件上传。似乎选择文件的默认操作是立即上传。我想覆盖它,以便选择文件并仅在单击按钮时上传。也许我误读了文档,但到目前为止我有以下内容:InputOROtherelementasuploadbuttonUploadFile{{$index+1}}{{file.name}}{{file.msg}}这似乎有效,我可以看到网络请求发出。我找到了flow.jsuploadfileonclick并尝试遵循建议的答案,但是$flow在相应的函数中未定义。那么,如何使用ng-flow以编程方式上传文件? 最佳答案 首

javascript - 什么是杂项绑定(bind)?为什么他们给我一个端口错误?

我收到此错误,这似乎对任何事情都没有负面影响,但仍然......为什么?Chrome控制台:Porterror:Couldnotestablishconnection.Receivingenddoesnotexist.miscellaneous_bindings:235chromeHidden.Port.dispatchOnDisconnect 最佳答案 您不必担心这些。它们不会影响您自己的代码。它们源自您的Chrome扩展程序之一。这通常发生在扩展程序试图与本地文件建立连接时(例如,使用file:协议(protocol)时)。

javascript - Angularjs input[placeholder] 指令与 ng-model 中断

所以第一天开始使用angularjs,我不太明白。我正在尝试使用AngularDirective(指令)模仿html5占位符。在我向该字段添加ng-model之前,它完全有效,然后它仅在用户与该字段交互并破坏该字段的任何值后才有效。代码在这里http://jsbin.com/esujax/32/edit指令App.directive('placehold',function(){return{restrict:'A',link:function(scope,element,attrs){varinsert=function(){element.val(attrs.placehold);

javascript - 使用 AngularJS ng-repeat 的 OrderBy bool 值

我希望能够根据变量是真还是假进行排序。假设我们有一个这样的变量:groups={{name:'first',value:true},{name:'second',value:false},{name:'third',value:true},{name:'fourth',value:false}}我们可以像这样遍历它:{{group.name}}{{group.value}}这将为您提供以下内容:firsttruesecondfalsethirdtruefourthfalse但如果我想按bool值排序,那么我可以这样做:{{group.name}}{{group.value}}{{gro

javascript - 将项目添加到数组时 ng-list 输入不更新

我遇到了一个奇怪的问题,即在向模型添加项目时使用ng-list的输入没有更新。我创建了一个fiddle来更好地说明这个问题:http://jsfiddle.net/rtZY3///Doesn'tupdateng-listinput$scope.tags.push(tag);//Doesupdateng-listinputvartags=angular.copy($scope.tags);tags.push(tag);$scope.tags=tags;这看起来不像是预期的行为,尤其是因为$scope.tags正在正确更新,如所示上面jsFiddle中的标记。

javascript - ng-click 不适用于动态 DOM AngularJS?

我有一个这样的Controller:@VariantModalCtrl=($scope)->$scope.upload_variant_image=->alert("test")当我尝试使用ng-click调用upload_variant_image函数时,它仅在绑定(bind)到静态DOM时有效(当DOM加载时),我有一个这样的链接:"upload_variant_image()"%>但是这个元素是在DOM加载后动态添加的,所以ng-click不起作用。更新刚刚使用$compile函数找到了我的部分答案:AngularJS+JQuery:Howtogetdynamiccontentw

javascript - 什么是 ng-hide-add、ng-hide-active

我正在为一个div设置动画。它具有以下定义:...我定义了以下CSS:div.ng-hide{transition:0.5slinearopacity;opacity:0;}div.ng-hide-add,div.ng-hide-remove{/*thisneedstobeheretomakeitvisibleduringtheanimationsincethe.ng-hideclassisalreadyontheelementrenderingitashidden.*/display:block!important;}这取自thistutorial.动画有效。但是:为什么我需要这些类