草庐IT

ng-controller

全部标签

javascript - 嵌套 ng-include 的 Angular 问题

当使用嵌套的ng-include和$compile函数时,我在Angularjs中遇到了一个问题。这是错误:Error:[$injector:unpr]Unknownprovider:$rootElementProvider我想,我必须在编译流程的某处注入(inject)$rootElementProvider,但我不知道该怎么做。这是我的问题的Plunker:http://plnkr.co/edit/K8iayGXGLx5QwHNNiLZ1?p=preview所有的代码都是需要的,我不能使用指令和Controller,模板也需要这样缓存。此外,如果有人也知道如何摆脱$timeout服

javascript - 使用 ng-repeat 和 limit-to 以及来自 tether.js 的工具提示时,在 jQuery 中出现上下文错误

首先,我知道这是一个非常棒的标题。我最近接手了angular-tooltip并正在尝试为我的主要工作项目构建自定义工具提示。在我的项目中,我有一个简单的ng-repeat指令使用库的说明,我定义了一个自定义工具提示指令:myApp.directive('companyProfileTooltip',['$tooltip',($tooltip)=>{return{restrict:'EA',scope:{profile:'@companyProfileTooltip'},link:(scope:ng.IScope,elem)=>{vartooltip=$tooltip({target:e

javascript - 对页面或其 Controller 进行基准测试

我最近继承了一些AngularJS代码(我无法发布代码),并注意到初始加载有很大的延迟。这是完全不能接受的,我需要优化它。使用Chrome的时间轴,我注意到有很多脚本不是特别有意义。我尝试使用Batarang,但即使是最长的表达式也只是一个日期函数,与其他所有内容相比可以忽略不计。我有一种感觉,它是Controller,因为它的脂肪和意大利面条令人难以置信,我需要以某种方式对该Controller进行基准测试,或者至少在我开始重构之前弄清楚瓶颈是什么。 最佳答案 我最后所做的只是做出promise并减去unix时间的差异,以了解需要

javascript - 使用 ng-repeat 时如何获得元素的正确高度和偏移值?

我正在尝试获取列表项的偏移量和高度。一旦我有了这些,我就在父指令上调用一个函数。最后,这将是进入View时进出的过渡元素。问题:由于ng-repeat(我不知道为什么),el[0].offsetheight和el[0].getBoundingClientRect().top;值几乎是随机的;除非,我在逻辑周围包装了一个$timeout。我认为这是因为样式有时间渲染?问题:如何在不包装$timeout或使用$watch的情况下获得准确的偏移量和高度。HTML:...JS:app.directive('spyed',function(){return{require:'^scrollSpy

javascript - console.log 在 Angular Controller 中不起作用

嗨,我一直在尝试进入angular.j。我尝试了以下代码。但是console.log()似乎不起作用。有什么遗漏吗??比如Angular概念之类的?varfoodshareModule=angular.module('food',['ui.router','ngResource']);console.log("Mainfilegettingincluded");foodshareModule.controller("personController",function($scope){console.log($scope);$scope.firstName="John";$scope.

javascript - Google Transliterate 结果未在 Angular Controller 中使用的范围内更新

在将GoogleTransliterate与Angular项目集成方面需要一些帮助,下面是使DOM中的所有所需元素都可音译的代码段。functionza(){google.load("elements","1",{packages:"transliteration"});google.setOnLoadCallback(procTA);}//callsthehelperfunctionforeachofinputaswellastextareaelememntsinthepagefunctionprocTA(){procTAHelp('textarea');procTAHelp('in

javascript - 在 DOM 中移动 Controller 时保留元素/范围状态

在一个Angular应用程序中,我想将一个元素从DOM树的一部分移动到另一部分,而不必重新加载附加到移动元素的Controller。我创建了一个简化的plunker来说明:http://plnkr.co/edit/sqBRM3ZQ5G9xpiNd1MXm?p=preview在这个plunker中,唯一要保留的数据是切换器状态,但实际上它可能是非常大量的数据,可能需要花费大量精力来初始化。我想要做的是能够将模板1从指令1移动到指令2,但我想保留切换器的状态。在这种情况下,如果单击切换器使其变为绿色,然后单击“从列表1移动到2”两次,它会将其移动到指令2,但会将颜色重置为红色。为了避免这种

javascript - 从另一个 Controller 内部更新模型

提交表单后,我正在尝试将新的数据行推送到表中。但是,名为UrlListCtrl的表与名为UrlFormCtrl.的表单不同functionUrlFormCtrl($scope,$timeout,UrlService){$scope.message='';vartoken='';$scope.submitUrl=function(formUrls){console.log('Submittingurl',formUrls);if(formUrls!==undefined){UrlService.addUrl(formUrls).then(function(response){$scope

javascript - Angular ng-options 在拼接上提供空选择选项

所以我有一个具有以下标记的AngularView:selecthandheldid页面加载时的vm.handheldKeys是一个数组,有两个值[0,24]。当页面加载时,呈现的HTML如下(为便于阅读而标记):selecthandheldid024这当然是您所期望的。现在,通过一些业务逻辑,在用户与页面交互之后,有一个拼接vm.handheldKeys数组的函数。因此,假设代码如下所示:vm.handheldKeys.splice(0,1);//Removethe'0'fromthearray现在,我得到的是以下呈现的HTML(注意第一个选择选项):selecthandheldid2

javascript - 如何使用 ng-table 进行服务器端分页?

我的代码是$scope.loadQuestions=function(){$scope.questionCount=0;$scope.questionTable=newNgTableParams({count:[]},{total:19387,getData:function($defer,params){$scope.filter.sort=params.orderBy();$scope.filter.page=params.page();return$http.get("/api/questions",{params:$scope.filter}).then(function(re