草庐IT

angularJs

全部标签

javascript - 如何使用 angularJS 制作虚拟卷轴?

我试图制定一个指令,我可以做一个虚拟滚动,所以当用户滚动表格时,表格删除“旧”View并添加"new"View,有点像收集重复,但我已经一直失败,我想我不明白它背后的数学原理,有人可以帮助我吗?这是我的指令代码:BaseModule.directive('myScroll',function(){return{restrict:"A",scope:{rows:"=",headers:"="},link:function(scope,el){varscrollTop=0;varscrollLeft=0;angular.element(el).on('scroll',function(){

javascript - 从 ng-repeat 中的输入多次调用 ng-change 函数

好吧,我这里有个问题。我有一个ng-repeat,里面有一个带有ng-change()的输入。这是指令模板的一部分,并且双向绑定(bind)到父对象。如果我在输入框中输入内容,一切正常,父对象也会更新。但是,当我必须从指令的Controller替换父对象时,我遇到了一个问题。问题是,一旦父对象被替换,View就会绑定(bind)新的(替换的)值。同样在那个时候,相同的函数(如在ng-change()中)被手动触发以进行一些计算。但是,我注意到同一个函数再次被调用(不知道如何调用)。重要的是输入的ng-model是未定义的,当它们被自动调用时。结果,最终父对象包含值undefined。我

javascript - 为什么来自 Promise `.then` 方法的回调是一种反模式

我在StackOverflow上看到了人们建议为AngularJS服务提供回调函数的答案。app.controller('tokenCtrl',function($scope,tokenService){tokenService.getTokens(functioncallbackFn(tokens){$scope.tokens=tokens;});});app.factory('tokenService',function($http){vargetTokens=function(callbackFn){$http.get('/api/tokens').then(functionon

javascript - 模块化 Angular

我正在开始一个新的Angular项目并尝试模块化我的所有代码——我厌倦了拥有大量的app.js文件,而且因为我正在为一家公司开发一个平台,所以我的代码整洁且模块化以便于测试、清洁和易于过渡到Angular2。目前,我有三个Angular文件来设置所有内容:Angular.module.jsangular.module('app',[/*SharedModules*/'app.config','app.states'/*FeatureAreas*/])Angular.config.jsangular.module('app',[/*AngularModules*/'ngResource'

javascript - Angular Karma console.log 不起作用

我在我的项目中使用KarmaAngularMochaChai。我正在做TDD并想测试我的更改。我在我的test.js文件中做了一个console.log但karmaconsole没有显示。我什至不确定如何启用它?这是我的karma.config.js:module.exports=function(config){config.set({//basepaththatwillbeusedtoresolveallpatterns(eg.files,exclude)basePath:'',//frameworkstouse//availableframeworks:https://npmjs

javascript - 谷歌地图多边形减慢浏览器

我有一个将多边形绘制到Googlemap的应用程序。我使用angular作为前端,使用NodeJSapi来提供我的多边形数据。现在我加载了大约300个多边形,每个多边形大约有10,000个经纬度坐标,但是我对数据进行了分页,所以我只渲染了多边形总数的十分之一。我在顶部使用了一个名为AngularGoogleMaps的Angular模块,考虑到GitHub问题页面,项目本身似乎有点死了,但我认为这并不重要。我已将可编辑标志设置为false,但即使只显示了30个这样的复杂多边形,浏览器的速度似乎也显着降低。当我根本不绘制多边形时,就不会发生这种情况。我发现KML或Fusion表得到了很多推

javascript - 检测选项卡之间的 session 结束

我正在开发一个可以在不同选项卡中打开的AngularJS网络应用程序,我想知道哪个是检测用户何时在这些选项卡之一中注销的最佳方法;我想在其他选项卡中弹出一个登录模式窗口。我正在考虑使用服务器发送的事件或跟踪我的服务器cookie的存在。我从来没有做过这样的事情,所以我想问一下我的选择的优缺点是什么,或者我是否错过了其他更聪明的方法。编辑:在服务器上我有开箱即用的支持服务器发送事件的ServiceStack(C#) 最佳答案 当您使用ServiceStack'sServerEvents时您可以在用户注销时发送通知。首先,您需要通过执行

javascript - 已编译 TypeScript 的输出文件夹

我正在学习一个名为THEHEROEDITOR的教程,它让我在app中创建和编辑TypeScript文件。文件夹。该应用程序使用脚本tsc-w,其中w导致tsc每次TypeScript文件失败时,转换器都会输出一个新的JavaScript文件。这让我困惑了几分钟,因为当我添加一个TypeScript类时,编辑器(VisualStudioCode)在类名下划线并告诉我这是一个重复的声明。我看到了同名的JavaScript文件,但我一删除它,重复的声明和JS文件又回来了。脚本在package.json中声明:"scripts":{"start":"tsc&&concurrently\"npm

javascript - 如何包含特定于每个 View 的javascript文件angularjs

我遇到的问题是,在我将它绑定(bind)到网格之前,loadjs文件并不总是被加载。我已阅读有关使用指令的其他帖子,但我不明白如何在我的案例中使用它们。代码应该加载一个特定的View,每个View依次有一个特定的javascript文件,需要在最终重新生成View之前加载该文件所以View1可能是一个具有datagrid.js文件依赖性的数据网格,而View2是一个具有listview.js依赖性的ListView谢谢。FunctionMyCtrl1($scope){$scope.$on('$viewContentLoaded',function(){//Loadfileifnotal

javascript - 带有客户端 haml 的 angularjs

我刚刚开始在我的Rails应用程序中使用AngularJS,因为我习惯在Rails中使用haml模板,所以我想在客户端对AngularJS做同样的事情。问题是我不知道在哪里读取haml文件。我有一个投资者模型,我正在尝试将“显示”模板转换为haml,因为它是最容易开始的。这是我的与显示相关的AngularJS代码投资者.js.咖啡#Setupthemodule&routeangular.module("investor",['investorService']).config(['$routeProvider',($provider)->$provider.when('/investo