草庐IT

angularJs

全部标签

javascript - Angular ui-select 标记在模糊时丢失文本输入

情况大家好!我正在使用Angularui-select对于我的应用程序,以便从数据库中选择用户。如果用户不在列表中,则可以使用标记输入新条目。通过输入名称并按ENTER或TAB键,新条目将保存为新标签。除一件小事外一切正常:如果我用鼠标聚焦,我会丢失我输入的输入,这对用户来说不是很友好。代码Arrayofobjects{{$item.name}}<{{$item.email}}>email:{{person.email}}age:Selected:{{multipleDemo.selectedPeople}}插入器http://plnkr.co/edit/7fSAKmj3p

javascript - 重复和插入指令

我有3个不同的指令,,,.我想遍历它们的id并将它们插入到ng-repeat中thenetc-->我想实现的结果html是:因为每个都有自己的模板:我不知道该怎么做?这可能吗?我必须ng-compile在一个指令中有一个指令?我应该只使用一个指令并使用ng-switch吗??我是否缺少更直接的方法?我知道这行得通:做一个指令。我将其包含在中指令:做一个`但是看起来很麻烦。 最佳答案 我通常这样做的方法是使用一个指令来选择链接函数中的特定指令。这可以防止所有ng-switch膨胀。htmljsangular.module('app')

javascript - ng-repeat 中的 Angular 切换过滤器

我正在尝试使用ng-repeat显示一些数据。我想对显示的数据进行筛选,当我单击特定项目时,应删除筛选器。当我再次单击该特定项目时,应再次添加过滤器。我从一个想法开始,在我看来我有:{{t.name}}在我的Controller中:.controller('TicketCtrl',function($scope,$filter){$scope.toggleFilter=function(name){name=$filter('getSlice')(name);alert(name);}});当我提醒name时,它会提供正确的过滤项目,但它不会在View中更新。我认为这必须对ng-rep

javascript - Angularjs 使用 ui-sref 链接将 html 添加到变量

我有以下将html添加到变量的代码。但是,当它显示在页面上时,链接不起作用。动态插入ui-sref链接的最佳方法是什么?JavaScript.controller('page',function($scope,$rootScope,$http,$state,$sce){$scope.message=$sce.trustAsHtml('Aloginlink');})HTML 最佳答案 有aworkingplunker我会说,我们可以结合使用:$state.href()(文档here)和ng-href(文档here)(但仅在传递的参数是

javascript - Angular JS ng-model 第一次没有正确启动

我正在使用AngularJSng-model来跟踪select标签的选定值。这是例子http://jsfiddle.net/8853oxb1/3/functionControllerA($scope){$scope.optionsArray=[1,2,3,4,5];$scope.optionsObject={"India":"IN","Singapore":"SG","Malaysia":"MY","Indonesia":"INDY"};}如果,我使用tab键转到下拉菜单并尝试按“I”两次以选择以I开头的第二个选项,下拉菜单值会按预期更新,但ng-model仅采用第一个选项是“我”。a

javascript - 最佳实践 : Should I use ng-switch for this?

关闭。这个问题是opinion-based.它目前不接受答案。想要改进这个问题?更新问题,以便editingthispost可以用事实和引用来回答它.关闭7年前。Improvethisquestion我在Angular中得到了这个对象。$scope.columns={workspace:{title:"Workspace",type:"workspace",activities:[]},alerts:{title:"Alerts",type:"alert",activities:[]},main:{title:"MainFeed",type:"main",activities:[]}}

javascript - 使用 grunt 进行 Angular 缩小会导致 'Failed to instantiate module' 错误

我知道设置Controller、服务、模型等来准备缩小。我有大约20个Controller、模型和服务作为单独的文件,我想将它们全部缩小并连接到一个JS文件中以用于生产。为了了解我是如何设置这些文件的,这里有一个例子:VforumJS.controller('MainController',['$scope','$location','$sce','MainModel','LogModel','MainDebug','timecode','Idle',function($scope,$location,$sce,MainModel,LogModel,MainDebug,timecode

javascript - angularjs 创建/导出 html View 为 pdf

我正在使用bootstrap创建模态窗口,在这个窗口中我有一些信息、一些表格和文本区域,是否可以从这个.html模态视图创建一个.pdf文件?我查看了FileSaver,但这只适用于下载表格,我想要的几乎就像模态窗口的打印屏幕。 最佳答案 使用html2canvas将html隐藏到Canvas中然后使用jsPdf转换为pdf。这是例子fiddle像这样DownloadPdfhtml2canvas($("#canvas"),{onrendered:function(canvas){varimgData=canvas.toDataURL

javascript - $routeChangeSuccess 不适用于 ngNewRouter AngularJS 1.4

我正在从AngularJS1.3迁移到AngularJS1.4。这次我使用了AngularJS新路线,例如ngNewRouter在AngularJS1.4中引入。我的示例代码如下:varversionModule=ng.module('test',['ngNewRouter']);versionModule.controller('TestController',['$rootScope','$router',function($rootScope,$router){varversion=this;$router.config([{path:'/',redirectTo:'/home'

javascript - angularjs如何引用模块加载依赖

我有一个主模块,加载ngRoute服务。angular.module("app",["ngRoute","app.settings"]我的app.settings模块没有加载ngRoute服务,angular.module("app.settings",[]).config(["$routeProvider",function($routeProvider){$routeProvider.when("/settings",{template:"{{message}}",controller:"SettingsController"});}])但是我可以在这个模块中使用$routePro