草庐IT

ng-material

全部标签

javascript - Material Angular 无限滚动与 $http 请求

我正在使用AngularMaterial的md-virtual-repeat指令来实现无限滚动,我需要将其替换为demo$http请求的$timeout函数。但我无法找到正确的解决方案。在下面的代码中,无限滚动工作正常但不显示来自http请求的数据。问题是我不知道如何将$http结果绑定(bind)到infiniteItems。Here是plunker。Index.html{{item.id}}JS:(function(){'usestrict';angular.module('infiniteScrolling',['ngMaterial']).controller('AppCtrl

javascript - Material-UI List 作为 Card 的子项,在主展开时触发所有 onClick

Material-UI、Meteor、React所以我想在卡片中嵌套一个带有onTouchTap(或onClick)函数的下拉列表。它似乎工作正常,不会造成任何麻烦-但是当您展开父卡时,列表中的所有内容都会同时触发onTouchTap。我已经厌倦了将其他Card元素相互嵌套以达到相同的效果。这只是代码的限制,还是有一些变通办法?}primaryTogglesNestedList={true}nestedItems={[}onTouchTap={this.handleAccept(userName,prtNo)}/>,}onTouchTap={this.handleReject(user

javascript - Angular 指令/子指令嵌入在 ng-repeat 中

问题是子指令绑定(bind)到父指令,但是语法{{name}}被ng-repeat忽略。实现这一目标的正确方法是什么?HTML(主/子指令){{name}}or{{item.name}}指令angular.module('core').directive('compactSelect',[function($timeout){return{templateUrl:'modules/core/views/components/compact-select-tpl.html',bindToController:true,transclude:true,scope:{noItemSelect

javascript - 如何禁用 ng-grid 中的选择

是否可以使用内置功能“禁用”或锁定对ng-grid的选择?我希望用户能够选择一行,单击一个按钮,然后网格将保持锁定状态,直到用户按下另一个按钮。 最佳答案 是的,您可以从beforeSelectionChange返回false以禁用更改网格上的选定行。$scope.option={enableRowSelection:true,};$scope.gridOptions={data:'myData',beforeSelectionChange:function(){return$scope.option.enableRowSelect

javascript - 处理 ng-repeat 中的重复元素

我正在构建一个具有一种“播放列表”功能的应用程序。这表示带有ng-repeat="elementinplaylist"的ng-repeated自定义指令因为我想允许用户在播放列表中重复使用相同的元素两次,所以我尝试使用trackby$index添加。现在,令人困惑的是:当我从播放列表中删除一个元素时(我有一个函数removeElement(index),它基本上包含如下内容:$scope.removeElement=function(index){$scope.playlist.splice(index,1);}奇怪的事情发生了:该元素已从$scope.playlist中正确删除,但由

javascript - Angularjs ng-repeat 在模型更改时不会更新

我的项目中有这段代码。我尝试使用$http从数据库中添加数据,但ng-repeat不更新表,只显示一个空白行。当我检查范围时,数据已经存在。我已经阅读了很多答案,但它们似乎与我的问题无关。TextoListaCuentaRed{{tuit.texto}}{{tuit.lista.nombre}}{{tuit.lista.cuenta.nombre}}{{tuit.lista.cuenta.red.tipo}}Controller:.controller('TweetsController',['$scope','$http','filterFilter',function($scope

javascript - Angular JS : ng-repeat with dynamic ng-model

我有一段重复多次的有效代码,因此非常适合ng-repeat循环。例如,我的代码的两个实例如下。这是Javascript中的filterParamDisplay数组:$scope.filterParamDisplay=[{param:'userName',displayName:'UserName'},{param:'userEmail',displayName:'UserEmail'}];我一直在尝试将其放入ng-repeat循环中,但到目前为止没有成功。这就是我对atm进行的编码。问题在于上面的ng-model变量,以及ng-click和ng-show中的$index。不确定这是否可

javascript - Materialize css select 无法处理 JS 错误

我在使用MaterializeCSS框架选择表单时遇到问题。这是我的表格:ChooseyouroptionOption1Option2Option3MaterializeMultipleSelect$('select').material_select();这是我的slim布局:doctypehtmlhtmlheadmetacontent=("text/html;charset=UTF-8")http-equiv="Content-Type"/titleBudeprace=stylesheet_link_tag'https://cdnjs.cloudflare.com/ajax/lib

javascript - 如何在 AngularJS 中使用 ng-click 将字符串复制到剪贴板?

我想在AnuglarJS中复制点击按钮上的链接。我试过下面的代码,但我一直卡在这个错误中:这是我的按钮:copy这是我在controller.js中的函数:$scope.test2=function(name){varres='http://example.com?from='+name;varrange=document.createRange();range.selectNode(res);//heregettingerrorwindow.getSelection().addRange(range);try{varsuccessful=document.execCommand('c

javascript - AngularJS:ng-model 到 dom 元素的后期绑定(bind)

我有一个网页,其中包含一些我无法编​​辑的HTML元素。我想动态地将ng-model属性附加到这些属性,并让AngularJS将它们重新绑定(bind)到范围。可以找到我想要完成的简化示例herefunctionMyCtrl($scope){$scope.myModel1="Hi";$scope.myModel2="there";varmyModel2=angular.element("#myModel2");//Thiswon'tworkmyModel2.attr("ng-model","myModel2");} 最佳答案 您需要