草庐IT

ng-views

全部标签

javascript - AngularJS ng-show动画在ng-repeat中交叉淡入淡出

简单(但不适合我!)angularjs显示/隐藏动画问题。我到处搜索,但没有找到解决这个特定问题的方法,也许最好用一个例子和一个“挑战”来解释这个问题。先举个例子:http://jsfiddle.net/adammontanaro/QErPe/1/挑战:任何人都可以让这些图像淡入和淡出重叠,而不是出现在当前显示的图像下方或上方,然后在上图的div被隐藏后弹出到位?HTML:CSS:.animate-show,.animate-hide{-webkit-transition:alllinear1s;-moz-transition:alllinear1s;-ms-transition:al

javascript - 更新挖空 View 模型属性时触发更改事件

这是一个jsfiddle来显示问题所在:http://jsfiddle.net/boblauer/BgvV4/我试图在更新文本字段后触发更改事件。不幸的是,在subscribe方法中,文本框的值尚未更新,所以当我计算更改事件时,它触发得太早了。我需要触发更改事件,因为我有依赖于更改事件的第三方代码不受我的控制。有什么建议吗? 最佳答案 一个简单的解决方案是将对$("#text1").change()的调用包装在超时为0的setTimeout中。这足以让knockout在jquery之前对文本框值进行(同步)更新更改处理程序被调用。我

javascript - ng-repeat 中的 AngularJS ng-option

很简单的问题,但不知道如何解决我有ng-repeat,它可以迭代模型视频。模型有一个选定的值,我想在下拉列表中看到它:{{singleVideo}}这是视频模型:$scope.model={videos:[{id:1,name:"VIDEO_ONE"},{id:2,name:"VIDEO_TWO"}]}这是视频列表项:$scope.videoList=[{id:1,name:"VIDEO_ONE"},{id:2,name:"VIDEO_TWO"},{id:3,name:"VIDEO_Three"}];只是我希望看到第一个下拉值将设置为VIDEO_ONE第二个下拉值将设置为VIDEO_T

javascript - 在嵌套的 ng-repeat 中过滤复杂对象

我想在嵌套的ng-repeat中过滤对象。HTML:Cityid:{{locations.city_id}}Pincode:{{detail.pin}}Controller:varmyApp=angular.module('myApp',[]);myApp.controller('MyController',function($scope){$scope.search=function(location){if($scope.selectedCityId===undefined||$scope.selectedCityId.length===0){returntrue;}if(loca

javascript - 为什么在使用 AJAX 的 View 中加载内联 JavaScript 不好?

我们有一个标签界面,其中一个标签内是隐私表单。这种隐私表单除了使用外部JavaScript文件完成大部分工作外,还使用内联JavaScript,因为它目前依赖于动态代码(使用服务器端语言)。formTabs包装器(没有回调函数的ajax标签)...varmessagingTabset=ProjectName.Tabset.init({'tabID':'preferences-tabset','ajaxUrl0':'','ajaxUrl1':'','ajaxUrl2':'','ajaxUrl3':'','ajaxUrl4':'','ajaxUrl5':'','defaultAjaxUrl

javascript - backbone.js - 渲染 View

我的ListClass看起来像这样:varListView=Backbone.View.extend({initialize:function(){this.render();},events:{'clickul#perpagespan':'setperpage'},setperpage:function(event){this.collection.perpageurl='/perpage/'+$(event.target).text();this.collection.fetch();this.render();},render:function(){template=_.temp

javascript - 使用 backbonejs View ,将 "onload"事件附加到图像标签的最佳方法是什么?

我想在backbonejsView中为图像附加一个“onload”事件。我目前将它作为“loadimg”:“function”包含在“事件”中,但它没有被解雇。有什么建议吗? 最佳答案 Backbone的事件处理基于delegate和delegate只能用于冒泡的事件。问题是加载事件不会冒泡;来自HTML5specification:IfthedownloadwassuccessfulSettheimgelementtothecompletelyavailablestate,updatethepresentationoftheima

javascript - 使用行 View 的主干 TableView - 如何构建?

我有一组模型,希望在表格View中呈现。每个模型应由表中的一行表示,并且该行应使用模板生成。我应该能够将事件处理程序附加到该行(比如单击),以便在事件发生时提醒有关与该行关联的模型的一些特定信息。我见过与此类似的常见方法是将每一行分解成它自己的View,并有一个父View(在这种情况下可以说是表)使用行View生成要包含的html在你的代码中。但是我不知道这如何与模板一起工作。在这种情况下,我无法将事件专门附加到RowView,因为它没有引用dom元素(this.el用于主干),它只是返回一个字符串。如何在最大程度地使用模板的同时实现我想要的效果?这个问题不是专门关于事件、模板化或使用

javascript - Angular .js : two-way binding inside ng-repeat

我正在开发Angular应用程序。我想生成一个表单,其中包含任意数量的文本输入字段,并为每个单独的输入字段提供双向绑定(bind)。没有按钮,没有观察者。ng-model由于范围界定而无法正常工作(如果我没记错的话)。输入字段是从带有ng-repeat的数组生成的,如下所示:{{item.name}}我只想要一个简单的绑定(bind)来根据输入的变化更新Controller中的items数组。感谢任何帮助。 最佳答案 只需更改输入标签,使其显示为:注意ng-model没有花括号。工作代码:http://plnkr.co/edit/C

javascript - 在 DOM 中动态重新加载 ng-repeat 数据

我认为有以下代码:{{i.id}}我想要ng-repeat当从items添加/删除新值时动态触发.就像,如果一个新元素被添加到items的开头那么它应该在开始时动态呈现给DOM,如果一个元素被添加到items的末尾,类似地该项目应呈现为最后一个列表项。DOM的这种动态变化是否可能有Angular? 最佳答案 ng-repeat应该开箱即用。但是,您需要将push或unshift放入数组中,以便正确的watch触发。Angular将通过引用跟踪数组。这是一个workingplunker.HTML:HelloPlunker!{{item