草庐IT

ng-material

全部标签

javascript - 带有数据切换的 AngularJS ng-click

我有一个列表项,它切换模式并使用ng-click设置一个参数问题是在记录Course.SelectedCourse的任何其他地方调用函数时,它是未定义的,尽管Course.ID有一个值。 最佳答案 在Controller中使用一个函数,这可能看起来像这样:在View中:在Controller中functionsetSelectedCourse(course_id){$scope.Course.SelectedCourse=course_id;} 关于javascript-带有数据切换的A

javascript - AngularJS:如何使用 ng-idle

我目前的情况是:myApp.config(['$routeProvider',function($routeProvider){$routeProvider.when('/home',{templateUrl:'partials/home.html',controller:'homeCtrl'});}这是我当前的.config()我如何将波纹管代码集成到我的上层代码中:.config(function(IdleProvider,KeepaliveProvider){IdleProvider.idle(10*60);//10minutesidleIdleProvider.timeout(

javascript - 为什么不添加 ng-leave/ng-enter 类

根据Angular文档https://docs.angularjs.org/api/ng/directive/ngRepeat#animations".enter-whenanewitemisaddedtothelistorwhenanitemisrevealedafterafilter.leave-whenanitemisremovedfromthelistorwhenanitemisfilteredout"然而,当我从数组中调用.push({})或.splice(-1,1)时,这些类都没有添加到ng-repeat中。有什么问题吗?addremove{{$index}}varmyAp

javascript - Material-ui:如何停止在嵌套组件中传播点击事件

我在Paper组件中有一个IconMenu组件。我想防止在内部组件(IconMenu)上传播点击事件。这就是我想出的,没有明显的结果(我也尝试用onTouchTap,onMouseUp替换onClick具有相同的效果):_iconMenuClick方法是从来没有打电话。render(){return({menuItems});}_iconMenuClick(event){MenuItem.onClick(event);event.stopPropagation();} 最佳答案 除了使用event.stopPropagation()

javascript - Material 谷歌折线图中的对数刻度

我无法为我的MaterialGoogle折线图创建对数垂直轴。文档指出我应该在选项中将vAxis.logScale设置为true,但这不会导致任何结果。目前我的测试是:google.charts.load("current",{"packages":["line","corechart"]});google.charts.setOnLoadCallback(function(){vardata=newgoogle.visualization.DataTable();data.addColumn("date","Date");data.addColumn("number","1");da

javascript - 在 ng-if 中设置监视元素

假设我有以下观点:在Controllersome中设置:foo.controller('fooFoo',functionfooFoo($scope){$scope.some="something";$scope.$watch('foo.Bar',function(nVal,oVal){etc...});});如果输入位于带有ng-if的div中,则watch不起作用。为什么?我能以某种方式让它发挥作用吗? 最佳答案 您必须在Controller中创建foo的空对象。foo.controller('fooFoo',functionfo

javascript - 使用搜索输入字段过滤 ng-repeat 中的嵌套对象

我正在尝试使用搜索文本框过滤ng-repeat中的嵌套对象。给定以下对象:$scope.items={"1":{name:"FirstItem",tag:"first"},"2":{name:"SecondItem",tag:"second"}};我想做这样的事情:Usingboth{{key}}and{{values.name}}这确实不行。我尝试了很多东西,但无法使其正常工作。我不想改变我的对象。我搜索了很多,但没有找到适合我需要的东西。 最佳答案 我终于找到了我自己问题的答案。我只需要创建自己的过滤器并使用正则表达式检查对象内

javascript - 如何使用不在 Angular 中另一个数组中的值过滤 ng-repeat?

有没有什么方法可以使用Angular过滤器将值与数组中的每个值进行比较?Categories:{{c}}我想显示i.categories中不在myArray中的值:$scope.i={categories:["Europe&Eurasia","Featured","Headlines","MiddleEast","News","NEWSBYTOPIC","NewsCategories","REGIONALNEWS"]};$scope.myArray=['Featured','Headlines','News'];我想从c获取不包含在myArray中的所有内容。我尝试编写一些函数,但由于

javascript - 类型 'ReactType' 不是通用的 (material-ui@next)

我安装了Materialui@next,但我在Node模块中遇到了这个错误。[at-loader]中的错误./node_modules/material-ui/Avatar/Avatar.d.ts:8:1511:31:52web.1|TS2315:类型“ReactType”不是通用的。11:31:52web.1|[at-loader]中的错误./node_modules/material-ui/Button/Button.d.ts:7:1511:31:52web.1|TS2315:类型“ReactType”不是通用的。11:31:52web.1|[at-loader]中的错误./nod

javascript - 如何将 material-ui Grid 组织成行?

我正在使用ma​​terial-ui做一个表单,使用Grid系统我想做以下事情:并且能够将前两项放在第一行,将第三项放在第二行,我发现这样做的唯一方法是:将ma​​terial-uiGrid堆叠成行的更好方法是什么(就像Bootstrapgrid中的行类概念)?我也考虑过这些选项:用空的Grid项目填充第一行?放立式容器? 最佳答案 您已接近第二个代码块。我发现您可以简单地创建2个不同的网格部分,例如:Gridcell1,1Gridcell2,1Gridcell1,2Gridcell2,2您可以在我的sandbox中使用它检查off