草庐IT

angularjs-material

全部标签

javascript - AngularJS - 充当单选按钮的 3 按钮组

使用Ionicframework,我正在尝试创建一组充当单选按钮的三个按钮:如果我点击早餐,我希望午餐和晚餐恢复正常(白色)状态,早餐变成蓝色。使用我当前的代码,我无法使用此功能,尽管我可以让按钮稍微随机地切换颜色(也许我只是不理解ng-class指令).这是我的HTML代码:BreakfastLunchDinner我的JS:$scope.active=function(meal){switch(meal){case'breakfast':$scope.$broadcast('slideBox.setSlide',0);$scope.isActiveB=$scope.isActiveB

javascript - AngularJS 判断元素是否存在

如何在Angular指令中检查我的DOM中是否已经存在具有特定ID的元素?通过使用angular.element(),如果元素不存在,则创建一个元素,例如angular.element('someID')将返回一个元素,无论该元素是否存在不是。作为解决方法,我现在正在做的是使用.html()jqLit​​e函数,如下所示:if(angular.element('#someElementID').html()){console.log('onlyfiresifelementalreadyexists');有更好的方法吗?为此,我想避免包含整个jQuery。 最

javascript - promise 被拒绝时 AngularJS 服务重试

我正在从我的Controller中的异步服务获取数据,如下所示:myApp.controller('myController',['$scope','AsyncService',function($scope,AsyncService){$scope.getData=function(query){returnAsyncService.query(query).then(function(response){//Gotsuccessresponse,returnpromisereturnresponse;},function(reason){//Goterror,queryagaini

javascript - ng-class 基于 ng-repeat 突出显示事件菜单项。 AngularJS

我有一个基于以下示例的菜单:{{item.title}}item是一个对象,包含菜单项信息。下面是指令和Controller的JavaScript代码:varapp=angular.module("coolApp",[]);functionmenuContrl($scope,$location){$scope.menu=menu;$scope.isActive=function(path){return($location.path()==path)}}问题是ng-class套class至active在页面呈现期间仅一次,但是当您单击菜单项时,没有任何反应。我想这是因为菜单本身没有重新

javascript - AngularJS:如何根据变量更改 ng-repeat limitTo?

我想根据变量在Angular.jsng-repeat上显示不同的limitTo数字。这是我的代码:......在Controller中:$scope.showNewCard=false;$scope.checkNewCard=function(search){if(search=="")$scope.showNewCard=false;else{$scope.showNewCard=true;}};我只能假设有一种更优雅的方法可以根据搜索输入更改limitTo,我只是不知道要查找什么。您可以在http://happinesshunt.co上看到这段代码的实现。.附言我是新来的,一般来说

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 - material-ui中的文本区域

有人可以帮助我使用material-ui库将TextField个性化设置为TextArea吗?我没有找到任何应​​该将其个性化为TextArea的参数:https://github.com/callemall/material-ui/blob/v1-beta/src/TextField/TextField.d.ts这是文本区域:https://material.io/guidelines/components/text-fields.html#text-fields-field-types(CMD/Ctrl+F'文本区')。Textareasaretallerthantextfield

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

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

javascript - 错误 TS2315 : Type 'ElementRef' is not generic material angular

在项目中添加AngularMaterial时出错ERRORinnode_modules/@angular/material/button-toggle/typings/button-toggle.d.ts(136,20):errorTS2315:Type'ElementRef'isnotgeneric.node_modules/@angular/material/button-toggle/typings/button-toggle.d.ts(154,104):errorTS2315:Type'ElementRef'isnotgeneric我正在尝试安装MaterialDesign,但