草庐IT

angularjs-material

全部标签

javascript - AngularJS 指令属性 : Replace deprecated - Equivalent?

所以AngularJs正在弃用Replace指令的属性。reference上下文:.directive('myDir',function($compile){return{restrict:'E',template:'{{title}}'}});这将输出:sometitle所以,Replace将取代与template.现在有什么等价物?还是只是将指令与restrict:'A'一起使用?.我创建了这个:.directive('myDir',function($compile){return{restrict:'E',template:'{{title}}',link:link};func

javascript - 将内容添加到列表时保持滚动位置 (AngularJS)

我一直在尝试使用ng-repeat将一些项目添加到可滚动容器内的列表中,最近的项目应该位于列表的顶部。如果在前置内容时容器的滚动条不在最顶部,我还需要保持滚动位置。这是我的解决方案,但我仍然遇到问题。Angular在dom中渲染前置项目后总是闪烁。varmyApp=angular.module('myApp',[]);myApp.controller('MainCtrl',function($scope,$interval,$timeout){$scope.items=[];$interval(function(){varitem={id:Math.random(),text:(new

javascript - 使用 React 和 Material UI 禁用自动填充表单

我正在尝试学习React和MaterialUI。我正在创建一个网络表单,到目前为止一切都很好,除了当页面加载时,chrome自动用以前存储的数据填充文本字段并且背景变为黄色。我怎样才能让它保持白色?我知道在普通的CSS中我会包含这段代码:input:-webkit-autofill{-webkit-box-shadow:0001000pxwhiteinset;}但是考虑到我不一定有样式表,这就出现了问题。我到目前为止:constMyAwesomeReactComponent=React.createClass({constcontainerStyle={/*input:-webkit-

javascript - 为什么我们在 AngularJS 中对 ng-src 使用双大括号?

我对AngularJS表达式感到困惑。来自w3schools.com,我了解到AngularJS表达式可以写在双括号内:{{expression}}。AngularJS表达式也可以写在一个指令中:ng-bind="expression".但为什么我们使用ng-src={{...}}而不是ng-src="..."?ng-src是处理AngularJS表达式的特例吗? 最佳答案 是的,这是ng-src的特例,因为它正在等待template参数,这是一个string任何类型的内部插值({{}}),如docs中所述.这取决于指令本身如何指定

javascript - 从 Material UI 中的 TableRow 组件获取数据

我在最新版本的MaterialUI中使用表格组件,但我不确定在表格行被选中时我应该如何获取数据。文档提到了名为onRowSelection的Table组件的prop,但它只为您提供所选行的RowNumber,没有其他内容。您应该如何使用它?我不明白你是怎么想捕获说...设置到TableRow的关键Prop只使用同一TableRow的RowNumberProp。下面的代码展示了我是如何呈现表格本身并分配键的:handleSelect(id){console.log(id);this.props.dispatch({type:'SET_SELECTED_USER',user:id});}r

javascript - AngularJS - 使用子路由进行模板化

我是Angular.js的新手,我似乎不知道如何解决我的问题。该应用由三个主要选项卡组成,它们也是顶级路由,即。#/home#/inbox#/products当前的路由配置看起来像这样(coffeescript):$routeProvider.when('/home',templateUrl:'home.html').when('/inbox',templateUrl:'inbox.html').when('/inbox/:thread_id',templateUrl:'inbox.html',controller:'MessagesCtrl').otherwise(redirectT

javascript - 在 AngularJS 中提交后重置表单

在AngularJS(v1.1.3)中提交后,我无法重置表单字段。这是我正在尝试做的事情的片段:HTMLJS$scope.createMember=function(member){varmembersService=newMembers(member);membersService.$create(function(member){$scope.members.push(member);$scope.addMemberForm.reset();//TypeError:Object#hasnomethod'reset'});};还有其他方法可以重置表单元素吗?

javascript - 如何使用 AngularJS scope.$watch() 方法观察 JQuery 选择器

我正在编写一个指令,它需要监视使用特定类更新的元素,比如.ng-invalid。如您所知,.ng-invalid被添加到无效的表单元素中。我需要观察这些元素以确定是添加还是删除了该类。我怎样才能做到这一点?提前致谢 最佳答案 你可以$watch一个获取$(".ng-invalid")长度的函数:scope.$watch(function(){return$(".ng-invalid").length;},function(newVal,oldVal){if(newVal!==oldVal){console.log('changed!

javascript - AngularJS 中的动画 ng-show

我正在尝试让一个ng-show元素在它变得可见/隐藏时进行动画处理。但它就像一个普通的ng-show,即显示/隐藏。我找到了这个例子:http://jsfiddle.net/Kx4TS/1/效果很好。但是,如果我使用相同的ng-animate属性和相同的css,它在我的情况下不起作用。还有什么我需要做的或动画不起作用的情况吗?我的代码是这样的:CSS是:.fadeIn-setup,.fadeOut-setup{-webkit-transition:1slinearopacity;-moz-transition:1slinearopacity;-o-transition:1slinear

javascript - AngularJs:如何访问 Controller 外部的全局变量?

这个问题在这里已经有了答案:GlobalvariablesinAngularJS(12个答案)关闭8年前。我正在尝试通过普通函数访问全局变量,这可能吗?我已经使用$rootScope设置了一些var,我正在尝试通过回调函数访问它。这个回调是从Controller调用的。我不想在该回调中传递$rootScope。有什么方法可以访问那个$rootScope.var吗?如果可能,我愿意使用服务。请提出建议。谢谢我正在尝试按如下方式访问rootScope:functionfbLandingCtrl($scope,$rootScope){$rootScope.isFBLoggedin=false