草庐IT

LOCK指令前缀

全部标签

javascript - AngularJS 指令不起作用

我在我的一个项目中使用AngularJS,我想尝试创建指令。我已经学习了几个教程,但看不出哪里做错了。更糟糕的是,它不会显示任何错误或警告消息,但它也不会执行指令的功能。现在,我的代码几乎是这样的:angular.module('components',[]).directive('ngxOnshow',function(){return{restrict:'A',link:function(scope,element,attrs){console.log("helloworld")//Restodocódigodafunção}};});varmodule=angular.modul

javascript - Angularjs 将变量传递给具有继承(非隔离)范围的指令

如果我使用的是独立作用域,我可以通过属性传递变量。即然后,在指令的Javascript上.directive('myDirective',function(){return{scope:{'baz':'='}}});有什么方法可以对继承范围做类似的事情吗?链接函数只是传递字符串。现在我正在自己解析变量并将其与scope.$parent匹配。似乎应该有一个辅助函数或更简单的方法来做到这一点。 最佳答案 使用$eval或$parse:.directive('myDirective',function($parse){return{sco

javascript - 如何使用 angular-google-maps <markers> 指令?

我在myproject中使用angular-google-maps|.我正在尝试使用以下定义的对象添加多个标记:vehicles=[{stuff:"stuff",last_known_location:{latitude:number,longitude:number}},{stuff:"stuff",last_known_location:{latitude:number,longitude:number}},//...etc]我的指令是这样的:Vehicles是如上所述的对象数组。这行不通。如果我将我的模型更改为仅具有纬度和经度属性并完全丢失last_known_location属

ChatGPT指令大全(建议收藏)

ChatGPT写报告  报告开头  我现在正在[报告的情境与目的]。我的简报主题是[主题],请提供[数字]种开头方式,要简单到[目标族群]能听懂,同时要足够能吸引人,让他们愿意专心听下去  例:我现在正在修台大的简报课,其中一项作业是要做一份让小学生能听懂的简报。我的简报主题是机会成本,请提供三种开头方式,要简单到小学生能听懂,同时要足够能吸引人,让他们愿意专心听下去  研究报告  写出一篇有关知识的数字字研究报告,报告中需引述最新的研究,并引用专家观点  例:写出一篇有关自动驾驶的300字研究报告,报告中需引述最新的研究,并引用专家观点  报告总结  你是某个主题的专家,请总结以下内容,并针

javascript - 没有将 "exportAs"设置为 "ngForm"的指令

当我尝试测试LoginComponent时出现以下错误PhantomJS2.1.1(Linux0.0.0):Executed3of55(1FAILED)(0secs/0.307secs)PhantomJS2.1.1(Linux0.0.0)LoginComponentshouldcreateFAILEDFailed:Uncaught(inpromise):Error:Templateparseerrors:Thereisnodirectivewith"exportAs"setto"ngForm"("ivclass="col-md-4col-sm-6col-md-offset-4col-s

javascript - 在模板中访问 Angular Directive(指令)(元素)的文本

所以我关注thisEggHead.iotutorial在自定义组件上,我遇到了这个问题。声明指令时,例如:angular.module('myApp',[]).directive('myDir',function(){return{restrict:"E",controller:"myController",link:function(scope,element,attrs){scope.foo=element.text();},templateUrl:"myDirTemplate.html"}});模板是:Thevalueis:{{foo}}和正在使用的指令如下:...Bar...链

javascript - AngularJS 指令不显示模板

这是我的AngularJs指令。它预期会在模板中显示div,但在代码运行时它什么也没显示。这是html这是AngularJS指令varapp=angular.module('SuperHero',[]);app.directive('SuperMan',function(){return{restrict:'E',template:'HellofromtDirective'}});这里是demo 最佳答案 当您声明您的指令时,您使用了名称SuperMan,但这是错误的。您应该使用superMan因为它将被转换为super-man作为

javascript - Angularjs - 我如何访问 Controller 中的指令属性

我是angularjs的新手,我被困在Controller中访问指令属性。指令app.directive('rating',[function(){return{restrict:'E',scope:{maxStars:'=',url:'@'},link:function(scope,iElement,iAttrs){console.log(iAttrs.url);//works}Controllerapp.controller('ratingController',['$scope','$attrs','$http','$routeParams',function($scope,$a

javascript - Angular 2 - 如何在指令上设置动画?

我有一个指令,我可以在元素上放置检查相关元素当前滚动位置的元素。看起来像这样:@Directive({selector:'[my-scroll-animation]'})每当位置满足某个阈值时,我希望该元素使用动画出现在屏幕上。我知道对于Component我可以附加一个animations属性以及host属性中的一些设置来激事件画。我想要这样的东西:import{myScrollAnimation}from'./animations';@Directive({selector:'[my-scroll-animation]'animations:[myScrollAnimation]//

javascript - 指令内部模板中的 ng-click 未提供功能

ng-click未提供警报。单击指令的内部模板时,不会显示警告框。fiddle链接在这里:http://jsfiddle.net/NNDhX/ 最佳答案 您的指令有其自己的隔离范围。所以函数“hi”应该在指令的范围内。如果你想传递Controller的功能,你应该进行绑定(bind),比如scope:{...,hi:'&'}然后.以下是相关文档的链接:UnderstandingTransclusionandScopes.所以只需将它添加到链接函数中就足够了:link:function(scope,element,attrs){sco