草庐IT

基本指令

全部标签

javascript - 动物的基本 JavaScript 原型(prototype)和继承示例

我试图通过非常简单的示例来掌握JavaScript的OOP。我的目标是创建一个以Animals为例的类层次结构。在简化的动物层次结构中,我们可能会看到这样的东西:Animal/\MammalReptile/\/\HumanDogSnakeAlligator我想拿这个例子在JavaScript中创建类。这是我的尝试。我该怎么做才能让它变得更好?functionAnimal(name){this.name=name;}functionMammal(){this.hasHair=true;this.numEyes=2;this.blood="warm";}functionDog(breed)

javascript - 在 AngularJS 指令中使用 Jquery 是好主意还是坏主意?

下面你可以看到我的指令代码。我的问题是:“我可以将jquery与指令一起使用吗?这是个好主意吗?如果不是,为什么?”outsource.directive('dedicated',function(){return{restrict:'E',link:function(scope,element,attribute){$("#klik").click(function(){alert('works');});},replace:true,templateUrl:'src/app/components/views/dedicated-prices.html'};});请注意,此代码有效。

javascript - 通过 mapbox gl js 向 mapbox 中的 map 添加一些基本标记

我有一张用mapboxstudio设置样式的map,但是我什至很难向它添加一个基本标记,但是文本出现在标记应该出现的位置,这表明标记会在那里。所以这是具有该map样式的代码:mapboxgl.accessToken='pk.eyJ1Ijoic21pY2tpZSIsImEiOiJjaWtiM2JkdW0wMDJudnRseTY0NWdrbjFnIn0.WxGYL18BJjWUiNIu-r3MSA';varmap=newmapboxgl.Map({container:'map',style:"mapbox://styles/smickie/cikb3fhvi0063cekqns0pk1f1

javascript - 如何测试 angularjs 指令以监视函数调用?

下面的代码执行但提示element.popover没有被调用。我似乎无法弄清楚问题出在哪里。提前感谢您的帮助。指令:angular.module('directives',[]).directive('popOver',function($http){return{restrict:'C',link:function(scope,element,attr){element.bind('mouseover',function(e){$http.get("someurl"+attr.chatid+".json").success(function(data){element.popover

javascript - Angularjs - ng-click 函数与指令

我无法决定在以下情况下使用哪种方法。我试图在点击按钮时发出警报。我可以使用2种方法来做到这一点。哪个是最佳做法,请告诉我为什么?方法一directivevarapp=angular.module('app',['ngRoute']);app.directive('alert',function(){return{link:function(scope,element,attr){element.on('click',function(){alert('clicked');})}}})方法二ng-clickapp.controller('MainCtrl',['$scope',funct

javascript - 根据屏幕分辨率 AngularJS 更改指令的 templateUrl

我需要根据屏幕分辨率更改templateURL,例如如果我的屏幕宽度小于768px,它必须加载“templates/browse-content-mobile.html”如果它大于768px,它必须加载“templates/browse-content.html”。当前使用的代码。app.directive('browseContent',function(){return{restrict:'E',templateUrl:template_url+'/templates/browse-content.html'}});我在这里尝试使用这段代码app.directive('browse

javascript - AngularJS:确定指令需要多少时间来呈现

我如何衡量指令(元素)渲染所需的时间?如果不是,是否可以确定哪个指令需要花费最多的时间来呈现?PS.是的,我使用过Batarang,但它只显示花费最多时间的watch-expressions。是的,我用谷歌搜索并找到了question很像,还是没有答案。 最佳答案 我创建了指令来检查AngularView的渲染时间。指令使用简单但有用的speeder库-https://github.com/maciejsikora/Speeder.它计算从ms-start呈现到ms-stop呈现的微秒数。...heresomeactionsng-i

javascript - 调用基本构造函数 - Javascript

有两种方法可以在子进程中调用父构造函数。varA=functionA(){this.x=123;};varB=functionB(){//1.calldirectlyA.call(this);//2.callfromprototypeA.prototype.constructor.call(this);};B.prototype=Object.create(A.prototype);B.prototype.constructor=B;有没有一种情况比另一种更安全/更好,或者它们总是等价的? 最佳答案 直接使用基础构造函数总是更好,原

javascript - 无法从指令访问 Controller 范围

这是我的应用配置:angular.module('myApp',['myApp.directives','myApp.controllers','myApp.services']);这是我的Controller:angular.module('myApp.controllers',[]).controller('MainCtrl',function($scope){$scope.name='world';});这是我的指令:vardirectives=angular.module('myApp.directives',[]);directives.directive("hello",f

javascript - 在 Angular Directive(指令)中将事件绑定(bind)到 $(document)

我有一个实现某种选择框的指令。现在,当Select框打开并单击它外部的某个地方(文档中的其他任何地方),我需要折叠。这个JQuery代码在我的指令中工作,但我想以“Angular方式”来做:$(document).bind('click',function(e){var$clicked=e.target;if(!$clicked.parents().hasClass("myClass")){scope.colapse();}});我尝试将$document服务注入(inject)我的指令,但没有成功。 最佳答案 我相信,最真实的An