草庐IT

angularJs

全部标签

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

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

javascript - 如何在 ngGridEventScroll 上使用页面滚动?

使用ngGridv2.X,我正在尝试开发一个网格,当页面滚动(而不是网格滚动)到达底部时加载更多数据。通过搜索类似的问题,我找到了第一个问题的解决方案:ngGrid必须有动态高度,所以我这样做了.ngViewport{height:auto!important;}.ngCanvas,.ngViewport,.ngRow,.ngFooterPanel,.ngTopPanel{width:100%!important;}.ngRow{border-bottom:none!important;}这将我带到我的第二个问题。我需要通过滚动加载数据,并且我发现:ngGridEventScroll,

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 - 测试手动引导的 Angularjs 应用程序

在一些httpajax请求后在代码中手动引导应用程序时,我在测试angularjs应用程序(karma、jasmine)时遇到问题。angular.module("app",[]);angular.element(document).ready(function(){angular.bootstrap(document,["app"]);});我的jasmine规范中也有以下代码beforeEach(module('app'));当我运行我的规范时,我总是有同样的错误Error:[$injector:modulerr]FailedtoinstantiatemoduleappduetoE

javascript - Angular : handling new tab or new browser window 中的身份验证

我的基于AngularJS的应用程序旨在使用localStorage来保存身份验证后从后端返回的JWT身份验证token。对于进入后端的每个请求(POST、GET等),应用程序使用拦截器将token搭载到后端。这个过程一直运行良好,直到我遇到以下问题:我的经理不允许使用localStorage来保存用户名和JWT授权token,因为除非他/她故意退出应用程序(这会清除从localStorage缓存)。如果用户在未注销的情况下关闭浏览器,缓存将保留在localStorage中。因为问题1,我转而使用sessionStorage来存储用户名和JWT身份验证token,但是,当用户右键单击某

javascript - 找出 Protractor 元素 CSS 链

出于开发和调试目的,如果知道我在以下方法中询问的完整CSS链是什么,那将是非常好的:divElm.element(by.css("article")).element(by.css("tbody>tr")).then(function(elm){//isthereawaytoknowherewhatisthe"CSSchain"of'elm'?});如果我调试elm,我会看到一个locator属性:locator_:{using:'cssselector',value:'tbody>tr'},但这只是链中最后一个元素的定位符。拥有所有东西真的很有用,比如:divElm,article,

javascript - Material design lite,检查滚动是否到达底部

我正在使用MaterialDesignlite和Angular.js。当事件到达底部时无法调用事件。我几乎尝试了所有解决方案,但没有奏效。像jQuery解决方案:$(window).scroll(function(){if($(window).scrollTop()+$(window).height()==$(document).height()){alert("bottom!");}});或者Javascript之一:document.addEventListener('scroll',function(event){if(document.body.scrollHeight==do

javascript - 在 angularJS 中交换颜色的可逆函数

我有一个返回颜色数组的函数:default:function(){//Getourcoloursarrayvarcolours=[service.kits.kit.colour1,service.kits.kit.colour2,service.kits.kit.colour3];//Ifourthirdcolourisblankif(!colours[2]){//IsourfirstorsecondcolourwhitevarisWhite=colours[0]==='ffffff'||colours[1]==='ffffff';//Setourthridcolourcolours[

javascript - 减少 ui-grid 创建的 $watches 数量

)首先,我只想对这个伟大的项目表示感谢。我们将ui-grid作为table-grid的一部分进行了集成,由于某些未知原因,ui-grid生成的watch数量对于我们尝试处理的数据量来说是巨大的。例如:网格-9列表格,包含20行基于简单文本的单元格,没有任何自定义单元格模板检查$watches我们得到了960blockwatch。为了调试这个问题,我们打印了每个监视他的元素,大多数时候我们得到了这种元素:[div#1445359168448-19-uiGrid-001Z-cell.ui-grid-cell.ng-scope.ui-grid-coluiGrid-001Z,context:d