草庐IT

angularjs-ng-class

全部标签

javascript - 使用angularJS设置HTML5日期输入字段的默认值

我希望将我在瞬间生成的默认值绑定(bind)到日期和时间输入字段。我尝试了ng-model并将其直接绑定(bind)到值属性。但它们似乎都不起作用。有没有办法让它发挥作用?编辑:另外,如何绑定(bind)时间输入字段?{{date}}这是一个fiddle:http://jsfiddle.net/chrisyeung/bF9Pq/ 最佳答案 如果您使用的是chrome,则必须将日期格式指定为“yyyy-MM-dd”。$scope.date=$filter("date")(Date.now(),'yyyy-MM-dd');否则它根本行不

javascript - AngularJS 'scrollTop' 等效?

我希望在AngularJS指令中实现与此类似的东西:https://github.com/geniuscarrier/scrollToTop/blob/master/jquery.scrollToTop.js这非常简单,当您不在页面顶部时,它会淡入一个按钮以滚动到顶部:$(window).scroll(function(){if($(this).scrollTop()>100){$this.fadeIn();}else{$this.fadeOut();}});但是我很难找到如何在Angular中获取当前滚动位置。我宁愿不必只为这一件事情使用jQuery。 最

javascript - 使用 ng-bind 绑定(bind)多个值

我可以像这样使用ng-bind绑定(bind)多个值吗:每当我尝试这样做时,我都会收到以下错误:错误:$parse:syntax语法错误我知道我可以使用花括号做同样的事情{{instructor.first_name}}{{instructor.last_name}}但我想尽可能避免这种情况,因为代码库的其余部分使用ng-bind并且我会保持一致。谢谢。 最佳答案 您可以使用“+”连接表达式。以下应该适合您:.您甚至可以在那里添加过滤器. 关于javascript-使用ng-bind绑定

javascript - 在使用模板的指令中更新 ng-model

我有一个像这样实例化的指令:在指令内,datepicker标签被这个模板替换:template:''+''+''+''我希望ng-model绑定(bind)的值是输入字段的值。解决此问题的最佳方法是什么,以便我保持ng-model的双向数据绑定(bind)? 最佳答案 根据直通的复杂程度,您可以只使用=范围在本地名称和ngModel之间进行双向绑定(bind),就像在这个fiddle中一样:http://jsfiddle.net/mThrT/22/出于某种原因(第一次尝试使用angular),我花了很长时间来设置fiddle,但这是

javascript - AngularJS 在路由更改之前确认

是否可以监听路由更改和onwindowunload来确认页面离开而不保存更改?用例:用户点击Back用户在浏览器中按下后退按钮用户输入不同的URL如果用户单击“取消”,则停止页面/路由更改。我见过几个不同的例子,但没有一个工作得很好。 最佳答案 演示:http://plnkr.co/edit/Aq8uYg在演示中,如果您更改输入的值,您将在尝试返回时被注意到。听取$locationChangeStart并使用event.preventDefault()在更改未确认时取消位置更改。此方法与$route.reload()相比有一个优点:

javascript - angularjs 在不同文件中为同一模块定义服务

我有两个文件,我在其中定义了我的Angular应用程序中的服务,但是当我尝试在我的指令中同时使用它们时,我收到一条错误消息,指出找不到我定义第二个指令的服务提供者。似乎一项服务正在覆盖另一项服务。如果我将service2.js中的模块定义更改为myapp.services2,那么它就可以工作。我想我可以通过这种方式将多个工厂添加到同一个模块。有人可以指出我做错了什么吗?服务1.js:varservices=angular.module('myapp.services',[]);services.factory('Service1',function(){//servicecode});

javascript - 自定义过滤器在 AngularJS 中给出 "Cannot read property ' 切片' of undefined"

我的自定义startFrom过滤器给我一个错误。app.filter('startFrom',function(){returnfunction(input,start){start=+start;//parsetointreturninput.slice(start);}});app.controller("PostCtrl",function($scope,$http){$scope.currentPage=0;$scope.pageSize=10;$scope.hidePagination=true;$scope.search=function(){$http.get('some

javascript - 如何更改 iframe src 使用 angularjs

Yourbrowserdoesnotsupportiframes.如何改变iframesrc 最佳答案 您还需要$sce.trustAsResourceUrl否则它不会打开iframe内的网站:JSFiddleHTML:ChangeitJS:angular.module('myApp',[]).controller('dummy',['$scope','$sce',function($scope,$sce){$scope.url=$sce.trustAsResourceUrl('https://www.angularjs.org')

javascript - 使用 ng-repeat 和过滤器时数组中对象的 $index

我对Angular还很陌生,并且已经能够绕过一些地方。但我似乎无法找到这种情况的答案......我有一组对象,我正在从firebase中拉下来。我正在对对象使用ng-repeat,然后相应地显示数据。我试图将索引作为路由参数传递给“编辑”Controller。在这种情况下,我想像预期的那样提取对象数据。但是,当我过滤ng-repeat时,我得到了过滤内容的索引。我在寻找真实索引时哪里出错了?.config(['$routeProvider','$locationProvider',function($routeProvider,$locationProvider){$routeProv

arrays - AngularJS 如何获取数组中的最后一条记录

我有一个对象数组ObjectsArr=[Object1,Object2,Object3,Object4]我想在我的View中显示最后一个对象,如何在angularjs中执行此操作? 最佳答案 ObjectsArr[ObjectsArr.length-1]--这将为您提供数组中的最后一个元素。要在View中显示它:{{ObjectsArr[ObjectsArr.length-1]}}即使数组的条目为零,这也能正常工作。 关于arrays-AngularJS如何获取数组中的最后一条记录,我们