jjzjj

directive

全部标签

javascript - jQuery/JavaScript : Detecting scroll direction - code structure issue

我需要检测用户滚动的方向——“向上”或“向下”。基于此答案中的代码:HowcanIdeterminethedirectionofajQueryscrollevent?我试图将它包装在一个函数中,这样它就更有区别了——但不幸的是,它不起作用。我认为这与我返回值的方式有关,但方向始终是“向上”。作为JavaScript的新手,我在解决这个问题时遇到了问题。代码如下:$(document).ready(function(){'usestrict';varlastScrollTop=0,st,direction;functiondetectDirection(){st=window.pageY

javascript - Google Directions API 返回不同的 waypoint_order 和路段

我正在开发一个使用GoogleMapsAPI跟踪路线的系统。我有起点和终点,在这些点之间有一些航路点。通过追踪路线,谷歌返回最佳路线并在map上标记这些点。我们在一个div中显示路线数据。我计算路线的函数,返回数据的部分如下所示:directionsService.route(request,$.proxy(function(response,status){if(status==google.maps.DirectionsStatus.OK){directionsDisplay.setDirections(response);varorders=response.routes[0].

javascript - 使用 controllerAs 的指令中的 angularjs Controller 无法工作?

我正在尝试将一些数据放入我的指令创建的范围内。这是我的jsFiddle.下面的代码运行良好.directive('directive1',function(){return:{scope:true,controller:function($scope){$scope.name='world';}}}){{name}}但是这些代码不起作用.directive('directive2',function(){return:{scope:true,controller:function(){this.name='world';},controllerAs:'testCtrl'}}){{tes

javascript - 选择自动完成 Angular Directive(指令)

我正在寻找一种方法使我的选择进入自动完成字段。我知道angularJS指令可以为您提供自动完成功能,但这些指令不允许输入名称(用户看到的)和输入值(系统使用的)不同。但是,我需要一个选择框,因为选项名称(用户将看到)和选项值(系统将使用)不同。我知道有这样一个jQuery插件,selectToAutocomplete,它非常简洁并且运行良好,但我更愿意尽可能多地使用AngularJS。jQueryselectToAutocomplete是否有AngularJS替代品? 最佳答案 AngularUI(http://angular-ui

javascript - Angular : Pass $scope variable as directive attribute

我试图将$scope变量值作为属性传递给自定义指令,但它不起作用。这是HTML代码:{{q.question}}指令是,这里是指令代码:app.directive('checkList',function(){return{restrict:'E',template:function(elem,attrs){console.log(attrs.name);return'YesNo'},link:function(scope,elem,attrs){}};})我正在记录属性attrs.name但我得到的值是"{{q.id}}"而不是q.id的实际值 最佳答案

javascript - Google Maps Directions API 等效 URL

一直在寻找答案,找不到。我正在使用GoogleMapsV3API获取路线和map。这一切都可以......但我想提供一个沼泽标准的A标签链接,指向Googlemap本身的等效方向。我有2个邮政编码。如何根据2个邮政编码或我的生成Googlemap方向URLgoogle.maps.DirectionsService我将使用该URL生成一个“在googlemap上查看”按钮和一个“可打印”按钮。干杯!艾登 最佳答案 这里有一些用于不同Googlemap功能的标准HTML链接。Ikeepanupdatedposthere.//Spaces

javascript - 没有 JSX 的 React.js - "Warning: Something is calling a React component directly. Use a factory or JSX instead"

我试图在没有JSX的情况下使用React.js组件并收到这样的警告:警告:某些东西正在直接调用React组件。改用工厂或JSX。请参阅:http://fb.me/react-legacyfactory我访问过链接,但建议的createFactory解决方案对我没有帮助:/app.jsvarReact=require('react/addons');varTagsInput=React.createFactory(require('./tagsinput'));//noluckvarTagsComponent=React.createClass({displayName:"TagsCom

javascript - Angular Directive(指令)内存泄漏?

我正在使用这个简单的html文件重现我发现的内存泄漏:varapp=angular.module('testApp',[]);app.directive('directive1',function(){return{template:'',scope:true};});app.directive('directive2',function(){functionLeakObject(){}functionFoo(){this.bar=function($scope){$scope.nottheredude;};}return{scope:true,link:function($scope

javascript - AngularJS + Django : URL refresh or direct access not loading correctly

我们将AngularJS嵌入到我们的Django应用程序中,并通过AngularJS处理URL路由ui-router.使用ui-sref在各部分之间导航并在应用程序内四处点击,一切正常。return$stateProvider.state('root.dashboard',{abstract:true,url:'dashboard/'}).state('root.dashboard.profile',{url:'profile/',views:{'@':{templateUrl:Urls['dashboard:profile'](),controller:'ProfileControl

javascript - 在 Angular Directive(指令)中从父级继承的新范围

假设我这样做:sAngular.app.directive('dostuff',['$compile',function($compile){return{restrict:'C',scope:{someVar:'='},link:function(scope,element,attrs){element.click(function(){//dostuffscope.someVar='somethingelse';vardropdownOutput=template();varcompiledOutput=$compile(dropdownOutput)(scope);scope.$