草庐IT

基础指令

全部标签

javascript - 等待 DOM 在 AngularJS 指令上准备就绪

我正在为我的Angular动力网站构建一个“导游”。我四处寻找选择和Intro.js似乎是最合适的。它已经准备好Angular指令和所有内容:AngularIntro.js.一切都按预期工作,直到我不得不向first(并且仅是第一个)添加一个步骤,一个由ng-repeat绑定(bind)注入(inject)的DOM对象。我给了所有ng-repeat项目一个唯一的ID(通过$index),但Intro.js就是不承认它。我猜Intro正在尝试通过指定的ID查找DIV,但由于ng-repeat尚未完成,因此没有该名称的DIV。我做了一个plunker,你可以看到它正在处理静态内容,但无法识

javascript - 重复和插入指令

我有3个不同的指令,,,.我想遍历它们的id并将它们插入到ng-repeat中thenetc-->我想实现的结果html是:因为每个都有自己的模板:我不知道该怎么做?这可能吗?我必须ng-compile在一个指令中有一个指令?我应该只使用一个指令并使用ng-switch吗??我是否缺少更直接的方法?我知道这行得通:做一个指令。我将其包含在中指令:做一个`但是看起来很麻烦。 最佳答案 我通常这样做的方法是使用一个指令来选择链接函数中的特定指令。这可以防止所有ng-switch膨胀。htmljsangular.module('app')

javascript - AngularJS - 包装指令

我似乎对指令中的孤立作用域感到困惑,希望你能帮助我。我试图将一段代码(其中包含一些自定义指令)包装到一个新指令中以减少代码重复。显然,我需要将一些属性(如ng-model)作为参数添加到我的新指令中,以使该指令可重用。ng-model不喜欢表达式(我首先尝试了ng-model="{{myVariableWhichContainsDesiredNgModelString}}"),因此我在这篇文章中结束了:AngularJS-Createadirectivethatusesng-model。虽然接受的答案似乎适用于简单设置,但我从接受的答案中编辑了plunker以测试它是否也适用于嵌套指令

javascript - D3 力导向布局的基础知识

我正在使用d3.js进入令人兴奋的力导向布局世界。我掌握了d3的基础知识,但我无法弄清楚设置力导向布局的基本系统。现在,我正在尝试创建一个简单的布局,其中包含一些漂浮在中心的不相连的气泡。很简单吧!?创建了正确的圆圈,但没有任何反应。编辑:问题似乎是force.nodes()返回初始数据数组。在工作脚本中,force.nodes()返回一个对象数组。这是我的代码:$(function(){varwidth=600,height=400;vardata=[2,5,7,3,4,6,3,6];//createchartvarchart=d3.select('body').append('sv

javascript - 如何使用 Angularjs 指令屏蔽输入

我一直在尝试创建一个AngularJS指令,它将接受用户输入并将其显示为项目符号点,就像密码输入一样。这是我目前所拥有的:expose.link=function(scope,element,attributes,controller){varmaskValue=function(value){//replaceallcharacterswiththemaskcharacterreturn(value||"").replace(/[\S]/g,"\u2022");}controller.$parsers.push(function(value){returnmaskValue(valu

javascript - Angular Directive(指令) mouseenter/mouseleave 工作但在 mouseleave 后不设置为初始状态

我有一个指令在模板上显示学生信息列表,然后在鼠标输入时显示其他学生信息。我希望能够返回到mouseleave的初始状态。尝试了所有资源,但运气不佳。html-这是我注入(inject)指令的地方html指令模板Name:{{student.name.first}}{{student.name.last}}Bio:{{student.Bio}}Skills:{{skill.title}}指令app.directive('portfolioView',function(){return{restrict:'E',scope:{student:"="},templateUrl:'/html-

javascript - Chromeless - 在执行指令之前等待

我正在使用Chromeless在网站上检索一条信息并加载相应的文件:asyncfunctionrun(){constchromeless=newChromeless()constscreenshot=awaitchromeless.goto('http://www.website.com')title=awaitchromeless.inputValue('input[name="title"]')varfs=require('fs');vardata=fs.readFileSync(title,"utf8");...awaitchromeless.end()}但是文件读取指令是在我启

sqli-labs基础篇【第七关】详细解析

Ⅰ验证是否注入点  从下面的注入测试来看,只有两种输出结果  如果sql执行了,就会输出“Youarein…Useoutfile…”,反之输入“YouhaveanerrorinyourSQLsyntax”?id=1--+--Youarein....Useoutfile......?id=1'--+--YouhaveanerrorinyourSQLsyntax?id=-1'--+--YouhaveanerrorinyourSQLsyntax?id=1\--+--Youarein....Useoutfile......查看是否存在双引号注入正常输出,说明有执行,存在双引号注入?id=1"--+--

javascript - 基础 JavaScript 面向对象

好吧,我应该知道这个问题的答案,但出于某种原因,我从未真正理解或需要真正了解JavaScript。Myquestionis:LookingatthecodesamplesbelowamIcorrectinmyunderstandingoramImissingsomeinformation.示例1需要实例化函数(或类)才能使用IsOld方法,并且将为每个实例创建一个单独的IsOld函数副本。functionMyClass1(){this.IsOld=function(age){if(age>40){returntrue;}returnfalse;};}//sampleusagevarm1

javascript - 带有 scope.$watch 的 Angular 指令强制验证其他字段

我编写了一个match-modelAngular指令,当用户在我的应用程序中注册时,我将其用于密码/密码重复过程。密码重复字段具有此特定属性,可根据原始密码字段验证此字段。我的指令有scope.$watch用于优化目的,因为我不必每次验证我的重复密码范围属性时都读取相关的范围属性值,但我宁愿只使用缓存的值改变当相关范围属性值更改时(原始密码)。这是我的指令:.directive("matchModel",["$timeout",function($timeout){return{require:"ngModel",link:function(scope,element,attribut