草庐IT

ng-material

全部标签

javascript - ngRepeat with ngAnimate 在我的元素上设置 "data-ng-animate= 2"

我不知道为什么ngRepeat在我的元素上添加了data-ng-animate=2属性。为什么会这样?我这样写:我明白了:谢谢! 最佳答案 正如您在thesourcecodehere中看到的那样data-ng-animate属性用于跟踪动画的状态:varPRE_DIGEST_STATE=1;varRUNNING_STATE=2;所以基本上它只是在元素本身上存储它自己的动画状态。在您的情况下(2)它正在运行。如果您跟随NG_ANIMATE_ATTR_NAME浏览该文件,您可以跟随它添加、更新和最终从元素中删除。

javascript - md-tabs 在其重复对象发生更改时失去范围 [AngularJS Material ]

请看这个codepen只要您单击UseDummy2btn,它只会更改md-tabs重复的变量,我就会松开$scope.selectedIndex值。$scope.selectedIndex重置为0,第一个选项卡被选中。如何在更改$scope.lineDirections后保持选中的选项卡?我试过使用$rootScope.selectedIndex但还是不行。 最佳答案 ng-tab有数组“lineDirections”的观察者,在这个观察者中,他们正在重置attrmd-selected(“selectedIndex”)的值,您可以使

javascript - 如果过滤器在 Material 表 Angular 中没有结果,如何显示 "no records"

如果有人搜索当前表显示空数据,我想添加“无记录消息”!下面是Angularjs中示例Material表的链接https://material.angular.io/components/table/examples 最佳答案 我找到了确切的解决方案在typescript中:applyFilter(filterValue:string){filterValue=filterValue.trim();//RemovewhitespacefilterValue=filterValue.toLowerCase();//MatTableDat

javascript - 如何使用 Angular Material 对多个复选框进行分组

假设我有一个用于创建商店的表单。我要输入它的名字,以及商店开门的日子。所以我将有一个带有一些输入的表单,我想将复选框分组到一个垫表单字段中。存储表单组件.html:Storename{{i}}存储表单组件.ts:exportclassStoreFormComponentimplementsOnInit{//FormGroupsstoreForm:FormGroup;constructor(privateformBuilder:FormBuilder){}ngOnInit():void{this.initForm();}initForm():void{this.storeForm=thi

javascript - Ng-Model ="something.$"是什么意思?

我是Angular的新手,我在阅读过滤器文档时看到了这段代码。Any:NameonlyPhoneonly我不清楚ng-model="search.$"的含义。与ng-model的两种绑定(bind)方式很清楚,但是"search.$"呢?那是做什么的,它是如何与过滤器一起工作的。我尝试搜索此内容,但找不到任何内容。谢谢! 最佳答案 它特定于过滤器逻辑。$用作属性匹配器,以匹配列表中对象的所有属性的值。因此,在您的过滤器中,绑定(bind)表达式是对象search并将匹配器字符串指定为$属性(这是搜索输入的ng-model)searc

javascript - 使用 coffeescript 的 ng-table 多模板过滤器

我正在同时使用AngularJS、ng-table和coffeescript,我想在coffeescript中创建一个多模板过滤器并将其传递到我的angularjs模板中。我有一个名字和姓氏组合列,我想要两个用于“姓名”和“姓氏”的过滤器。到目前为止,我是这样工作的;但是我想像这样在我的AngularJSController中定义这个过滤器$scope.nameFilterDef={name:{id:"text",placeholder:"Name"},surname:{id:"text",placeholder:"Surname"}}然后像这样使用过滤器清理我的模板;当我这样调用过滤

javascript - angularjs编译ng-controller和插值

关于thedocs看到后面加了一个编译“something”的例子。var$div=$('{{content.label}}');$(document.body).append($div);angular.element(document).injector().invoke(function($compile){varscope=angular.element($div).scope();$compile($div)(scope);});我已经在一个jquery就绪函数上添加了这个代码,但是我有两个问题:首先是一个错误:参数“MyCtrl”不是函数,未定义。第二个是我不知道如何使co

javascript - React、Redux、React-Router - 卡在安装 material-ui 时

教程:但是由于我使用的是redux和react路由器,所以我无法真正将MuiThemeProvider放在链的顶部。包含此库的最佳方式是什么?这是我的ReactDOM.render函数:ReactDOM.render({devTools},document.getElementById('root'));这就是路由器:exportdefault(onLogout)=>(); 最佳答案 我是这样做的。我有一个index.js,我的package.json将其作为要启动的主文件(使用npmstart)。我在其中(为简洁起见删除了一些导入

javascript - 使用动态源将动画保留在 ng-include 上

我有一个ng-include,它根据动态url加载内容(按预期工作)。当我尝试为内容的enter和leave设置动画时,问题就来了(根据Angular文档,这是ng-include提供的两个事件用于动画)。.my-content-area.ng-enter,.my-content-area.ng-leave{transition:all500ms;}.my-content-area.ng-enter{opacity:0;}.my-content-area.ng-enter.ng-enter-active{opacity:1;}.my-content-area.ng-leave{opac

javascript - 在 SPA 应用程序中使用 AngularJs 在 ng-view 中加载外部页面

有没有办法在angularjsng-view中插入外部网页。例如,当我在我的示例中按下带有ng-route的链接时,我希望在我自己的网页中加载一个外部页面。在这个例子中,我希望当我点击外部时,应该加载另一个页面。我尝试过使用ng-include但没有用。http://plnkr.co/edit/vkAvZ2hGUjHlfHy0ul1z感谢您的帮助。 最佳答案 为什么不在部分模板中使用iframe?(second.html)http://plnkr.co/edit/DngozsvRhvJ3Ssr0amzK