草庐IT

preprocessor-directive

全部标签

javascript - Angular : How to access an element directive's scope in the controller

给定这个简单的Angular模块:angular.module('fixturesModule',[]).directive('clubfixtures',function(){"usestrict";return{restrict:'E',replace:true,transclude:true,scope:{club:"@club",max:"@max"},templateUrl:"ClubResultsTemplate.html",controller:function($scope,$http){$http.get("data.json").success(function(d

javascript - 如何将 $q 传递给 Angular Directive(指令)链接函数?

我需要使用$q我的指令的一个link函数。我需要它来包装由参数之一重新调整的可能promise(请参见下面的示例)。但是,我不知道如何将$q依赖项传递给此函数。angular.module('directives').directive('myDirective',function(){return{scope:{onEvent:'&'}//...link:function($scope,$element){$scope.handleEvent(){$q.when($scope.onEvent()){...}}}}} 最佳答案 只需

javascript - "$attrs is readonly", "$listeners is readonly", "Avoid mutating a prop directly"

我是Vue新手。我正在尝试开发一个聊天应用程序,其中好友列表将显示在左侧菜单上,聊天框将显示在正文中。我正在使用ajax调用加载好友列表,并根据好友ID路由到聊天框。这是代码示例。聊天列表组件将从服务器加载好友列表。这是我的app.js文件;Vue.use(VueRouter)constrouter=newVueRouter({routes,linkActiveClass:"active"});importChatComponentfrom'./components/ChatComponent';constroutes=[{path:'/chat/:id/:name',componen

javascript - 如何将起点和终点坐标传递给 Google Maps directions API?

我正在使用googlemapsapi获取方向,但是当我尝试将起点和终点作为坐标发送时遇到问题。它在文档中说我可以做到这一点http://code.google.com/apis/maps/documentation/directions/#RequestParameters但我不确定格式,因为它总是给我错误UncaughtError:Invalidvalueforproperty:[objectObject]我这样试过:{"Ja":27,"Ka":45}{latitude:27,longitude:45}上面所有可能的组合,但仍然给出错误,这很奇怪,因为对象与我应该发送的对象相同。

javascript - d3js force directed - 在悬停到节点时,突出显示/着色链接节点和链接?

我有具有4种类型的节点和两种类型的链接的力定向图。我将一种类型的节点(蓝色的小节点)用作两个较大节点之间的“连接节点”。在鼠标悬停节点上,它变大了,但我也想用不同的颜色为这个节点的“连接”着色。所以当你将鼠标悬停在一个节点上时...所有链接和小“连接节点”都会变成不同的颜色,这样你就可以知道这个悬停的节点连接到哪个其他更大的节点。你可以通过以下链接查看我的情况:http://jsfiddle.net/2pdxz/例如:如果您将鼠标悬停在Google节点上,带有“connection”节点的指向Yahoo的链接将突出显示,并且指向CDO和CTO突出显示我尝试添加这部分代码:functio

javascript - 扩展挑战 : preprocessor function macros and class-like oop

背景我一直在使用C预处理器来管理和“编译”具有多个文件和构建目标的半大型javascript项目。这允许从javascript中完全访问C预处理器指令,如#include、#define、#ifdef等。这是一个示例构建脚本,因此您可以测试示例代码:#!/bin/bashexportOPTS="-DDEBUG_MODE=1-Isrc"forFILEin`findsrc/|egrep'\.js?$'`doecho"Processing$FILE"cat$FILE\|sed's/^\s*\/\/#/#/'\|cpp$OPTS\|sed's/^[#:build/`basename$FILE`

javascript - ngSmoothScroll Angular Directive(指令)不起作用

我正在使用以下指令https://github.com/d-oliveros/ngSmoothScroll使这个项目中的东西平滑地滚动到选定的元素。这是我的代码:......这就是包含脚本的地方(~/angular-smooth-scroll.min.js)在我的app.js文件中我有:angular.module('sccateringApp',['ngAnimate','ngAria','ngCookies','ngMessages','ngResource','ngRoute','ngSanitize','ngTouch','ui.materialize','smoothScro

javascript - 将自定义指令添加到已有 Angular Directive(指令)的现有输入 [ng-model/ng-required]

我想使用一个用ng-model和ng-required修饰的标准输入控件,然后添加我自己的自定义属性指令以提供uib-typeahead控件的功能。我使用此链接使我的指令部分起作用。AdddirectivesfromdirectiveinAngularJSPLUNKR-TheVersion2ofthedirectivedoesnotworkcorrectlywithng-model我的指令确实添加了预输入功能并且效果很好,但它没有在选择项目后将模型绑定(bind)到控件上。我有两个版本的指令。版本1:是一个元素样式指令,我已经成功使用它一段时间了,但是当我不想对输入元素有更多控制时,它

javascript - angularjs-nvd3-directives 与 angular-nvd3 之间的区别

我需要任何建议帮助或其他任何帮助。我正在用新技术做BI工具,我对它们非常感兴趣,甚至参与其中在其中一个项目中。但是,我想知道先验的利弊链接https://github.com/angularjs-nvd3-directives/angularjs-nvd3-directiveshttps://github.com/krispo/angular-nvd3谢谢 最佳答案 我也面临同样的问题,我想我会分享我的想法。我要去https://github.com/krispo/angular-nvd3.到今天为止,github上最近一次推送是1

javascript - 观察外部模型的 Angular Directive(指令)

在学习Angular时,我正在创建一个可以缩放的简单画廊。我最初的实现使用了一个简单的ng-repeat,但我很快发现,基于画廊的缩放,我想要更改url源(从小拇指到中拇指),可能还有标题上的css等。{{photo.caption}}{{photo.date}}所以,我改用了一个更简洁的指令:但我能让指令元素响应缩放更改的唯一方法是在元素链接内的缩放中添加一个watch:link:function(scope,element,attrs){varimage=newImage();scope.photo.url=scope.zoomSize我知道你不应该滥用watch,我担心的是,画廊