草庐IT

ng-material

全部标签

javascript - 将 Material UI 函数转换为类

如何将React函数转换为类?我不明白如何更新函数中的const{classes}=props;以供类使用。这是MaterialUI中的按钮功能:https://material-ui-next.com/demos/buttons/importReactfrom'react';importPropTypesfrom'prop-types';import{withStyles}from'material-ui/styles';importButtonfrom'material-ui/Button';conststyles=theme=>({button:{margin:theme.spa

javascript - Ng-grid 无法设置未定义的属性 'gridDim'

我是Angular的新手,我尝试在costroller的函数中为ng-grid声明gridOption。它会导致错误:TypeError:无法设置未定义的属性'gridDim'我尝试在模板中使用$scope.apply和ng-if来解决它。但是这对我没有任何帮助。感谢任何建议:Controller的方法:$scope.getTest=function(){$http.get('http://www.iNorthwind.com/Service1.svc/getAllCustomers').success(function(data,status,headers,config){//$s

javascript - 用于 $rootScope 的 AngularJS ng-if

在Angularjs项目中,我试图获得pnly显示如果$scope.page=='app'在我的Controller中$rootScope.page='app'$scope.page='app'也是如此但是当我在我的DOM中使用以下内容时,当我在该页面上时它不会显示。ShowMe 最佳答案 尝试ShowMe 关于javascript-用于$rootScope的AngularJSng-if,我们在StackOverflow上找到一个类似的问题: https://

javascript - 将颜色渐变应用于网格上的 Material - three.js

我将一个STL文件加载到我的场景中,并将单一颜色应用于phongMaterial我想要一种将两种颜色应用到此网格Material的方法,并在Z轴上应用渐变效果,如下例所示。GradientVase]1我觉得我可能必须引入着色器,但我对three.js还没有做到这一点。 最佳答案 简单的渐变着色器,基于uvs:varscene=newTHREE.Scene();varcamera=newTHREE.PerspectiveCamera(60,1,1,1000);camera.position.set(13,25,38);camera.l

javascript - 如何从 Angular JS ng-repeat 中的数组访问第一个值

这是数组["236.jpg","239.jpg","294.jpg","748.jpg","157.jpg","446.jpg","871.jpg","778.jpg"]我要访问"236.jpg".下面是我用来获取顶部数组的代码。现在我如何使用下面的代码获取第一个项目?{{x.images}}请帮我找出解决方案。这里是完整代码{"info":[{"id":"11","name":"brown","description":"fasdfasd","size":"fasdf","color":"5a72fb","created_at":"2015-09-0822:33:33","updat

javascript - 我如何通过 angularJS 中的嵌套键值对正确地重复 ng-repeat

查看实时代码:AngularJS究竟如何才能正确地遍历嵌套的键值对并像下面这样正确地输出它们?我想要的View是这样一棵树-touts-classes-col-12-col-md-12-col-lg-12当前View是:touts{"classes":["col-12","col-md-12","col-lg-12"]}JS:varcurrentApp=angular.module('currentApp',[]);currentApp.controller('ACtrl',function($scope){$scope.templates={'touts':[{'classes':[

javascript - angularjs ng-选项不起作用

我尝试使用AngularJS制作一个简单的选择下拉列表这是我的代码:create_options_array(item.values)是这种形式:[{"id":0,"name":"OG"},{"id":1,"name":"OS"},{"id":2,"name":"PG"},{"id":3,"name":"PS"}]出现了选择下拉菜单,但它没有任何可供选择的值,我做错了什么? 最佳答案 我相信您缺少ngModel指令,并且您正在以错误的方式调用ng-options指令。我做了plunkerhere它会在哪里工作。

javascript - 在 ng-click 范围之外调用 javascript 函数

我有一个javascript库,其中包含许多有用的函数,我在我的网站上使用这些函数来做各种事情。我知道我无法通过ng-click访问这些函数,因为这些函数超出了范围。有没有一种方法可以访问它们而不必声明一个只调用库中函数的作用域函数?Here是一个带有示例的jsfiddle。我想知道是否有办法使第二个链接起作用。这仅仅是因为我不喜欢定义一个只会调用另一个函数的函数的想法。例如HTML:ClickMe(Working)ClickMe(NotWorking)ControllerJS:$scope.doSomething=function(){doSomethingElse();};外部库J

javascript - 如何将同一个 Controller 与 Angular Material 对话框一起使用?

我在我的项目中使用AngularMaterial。我使用了很多对话框(只是为了提醒目的),但我现在需要一个相当复杂的对话框。这是AngularMaterial网站使用的示例:functionshowDialog($event){varparentEl=angular.element(document.body);$mdDialog.show({parent:parentEl,targetEvent:$event,template:''+''+''+''+'Number{{item}}'+''+''+''+''+''+'CloseDialog'+''+''+'',locals:{item

javascript - 使用 jquery 将类添加到 ng-repeat 中的第一个项目

我是复杂指令的新手,我正在尝试使用jquery向ng-repeat中的第一项添加一个类(不幸的是我的项目正在使用它),就像在指令的Controller中一样:varhighlightFirst=function(){$('.pointer').find('.fa-angle-down-first').next().addClass('boldit');console.log('inhere')}highlightFirst();//alsotriedthis:angular.element(document).ready(function(){$('.pointer').find('.