草庐IT

data-ng-bind

全部标签

javascript - 一次又一次地使用 ng-repeat 可以吗?

我正在用AngularJS构建一个应用程序,我有一个非常复杂的JSON文件,其中有很多子数组和对象。所以我的问题是:为了从JSON访问数据,可以一次又一次地使用ng-repeat吗?{{grandChild.name}}-----或者AngularJS中有一些循环方法可用-----或者我们必须使用旧的JavaScriptfor循环示例数据{"data":{"categories":{"articles":{"bdh":[{"id":1,"name":"bdharticle1","body":"thisisbdharticle1body."},{"id":2,"name":"bdhart

javascript - 如何绑定(bind)CSS动画持续时间滚动

我想制作类似这样的网站,您可以在其中向下滚动,滚动时会跟随一些动画,如果您向上滚动,它会反转。我看到了一些像this这样的库但我想看看是否可以用更简单的方法来完成?谢谢$(document).ready(function(){varlastScrollTop=0;$(document).scroll(function(event){varst=$(this).scrollTop();if(st>lastScrollTop){$('div').removeClass('scrollUp').addClass('scrollDown');}else{$('div').removeClass

javascript - 如何淡出和删除由 ng-repeat 创建的元素

我有使用以下方法创建的消息列表:varmessages=["FooBar","LoremIpsum","DolorSitAmet"];app.controller('fooControler',function($scope){$scope.messages=[{"message":"HelloThere"}];functioninsert(){varrandom=Math.round(Math.random()*(messages.length-1));varmessage=messages[random];messages.splice(random,1);$scope.$appl

javascript - angularJS:WAITING ng-if 完成,以确保 DOM 已准备就绪

我正在使用ng-if来显示和隐藏一个元素。当该元素出现时,我想调用一个服务,该服务在新元素内滚动到某个子元素(按Id)。问题是,如果我在将元素设置为可见后立即尝试调用我的服务函数,那么DOM似乎还没有准备好。varmyApp=angular.module('myApp',[]);myApp.factory("ScrollService",function(){return{scroll:function(id){console.log(document.getElementById(id));}};});functionMyCtrl($scope,ScrollService){$sco

javascript - 使用 jquery 重新绑定(bind)事件不起作用

我有一个用于演示布局的页面设置:+------------------------+|prevnext||+----------------------+|||page||||dynamiccontent|||||||+----------------------+|+------------------------+在上面的例子中,next/prev是使用$("page").load(url);控制动态内容的导航按钮。在其中一个页面上,我有一个弹出窗口,其中包含链接到控制弹出窗口内容的ajax调用的按钮。当页面第一次加载时,这些按钮可以很好地完成它们的工作。如果页面被更改(使用导航按

javascript - Angular JS : include partial HTML inside another ng-include

我使用的是用Yeoman创建的index.html,它看起来像这样:...现在,我知道我不能在另一个ng-include中使用ng-include,所以我什至没有尝试,但就是这样我想要实现的目标。我在我的ma​​in.html中使用ui.router作为嵌套View,但我不能这样做:一个天真的解决方案是删除第一个ng-include并在ma​​in.html中将其用于页眉、页脚和类似内容。所以,用你所拥有的来打我,但不要用那个!编辑:这是我想要的(但不能,因为我已经在ng-include中) 最佳答案 如果我对你的理解正确,那一切皆

javascript - 直接在函数声明上使用 function.prototype.bind

为什么允许这样做?varf=function(){console.log(this.x);}.bind({x:1})();为什么这不是或更好,为什么我在这种情况下会出现语法错误?functionf(){console.log(this.x);}.bind({x:1})();那么,为什么我需要函数表达式语法来完成这项工作,有没有办法直接在函数声明上使用bind方法? 最佳答案 第二个示例有效,但语法略有偏差:将函数括在括号中。我不得不说我不完全确定为什么。好像没有parent也行吧?:P(functionf(){console.log

javascript - 将自定义指令添加到已有 Angular Directive(指令)的现有输入 [ng-model/ng-required]

我想使用一个用ng-model和ng-required修饰的标准输入控件,然后添加我自己的自定义属性指令以提供uib-typeahead控件的功能。我使用此链接使我的指令部分起作用。AdddirectivesfromdirectiveinAngularJSPLUNKR-TheVersion2ofthedirectivedoesnotworkcorrectlywithng-model我的指令确实添加了预输入功能并且效果很好,但它没有在选择项目后将模型绑定(bind)到控件上。我有两个版本的指令。版本1:是一个元素样式指令,我已经成功使用它一段时间了,但是当我不想对输入元素有更多控制时,它

javascript - 根据规则绑定(bind)到对象上任意深度的属性

(很抱歉,如果我的问题标题不是很好,我想不出更好的。欢迎提出更好的选择。)我正在尝试在Angular中创建一个可重用的“属性网格”,其中可以将对象绑定(bind)到网格,但通过某种方式可以自定义对象的呈现方式。这是指令模板的样子(form-element对我的问题不重要,所以我将其省略):并且,指令代码:angular.module("app.shared").directive('propertyGrid',['$log',function($log){return{restrict:'E',scope:{propertyObject:'=',propertyData:'&'}tem

javascript - 以 Angular 渲染 <ng-content> 2 次以上

我有这样的代码但是,Angular2只渲染一次ng-content。有没有办法让这个案例在没有太多黑客攻击的情况下正常工作? 最佳答案 更新Angular5ngOutletContext已重命名为ngTemplateOutletContext另见https://github.com/angular/angular/blob/master/CHANGELOG.md#500-beta5-2017-08-29原创您可以将内容作为模板传递,然后可以多次渲染它。projectedcontenthere在parent身上exportclassP