草庐IT

AT指令

全部标签

javascript - Angularjs 验证 : Require at least one input from a list

我正在尝试使用Angularjs验证在列表中的至少一个输入被填充时启用按钮。我正在处理的内容类似于以下w3schools示例:ValidationExampleUsername:Usernameisrequired.Email:Emailisrequired.Invalidemailaddress."varapp=angular.module('myApp',[]);app.controller('validateCtrl',function($scope){$scope.user='JohnDoe';$scope.email='john.doe@gmail.com';});我尝试添加

javascript - Angular 重复指令语法

我是AngularJS的新手,在学习Codecademy类(class)时我被卡住了。我试图使用以下语法重复指令。我试了一下,发现我需要删除花括号。但如果我没有使用指令,我想我会像这样访问信息。AngularJSdocumentation.{{app}}有人可以解释为什么我不需要花括号来帮助我更好地理解AungularJS。谢谢! 最佳答案 插值符号{{}}的使用取决于指令的实现。ng-click='expression'或ng-if='expression'等一些指令采用没有双花括号的表达式。而一些其他指令,例如ng-src='{

javascript - 表单中自定义字段的指令 [范围未更新]

我正在尝试为表单中的自定义字段创建一个指令。我能够创建指令但无法更新范围。参见Plunker演示以获得更多关于问题的想法问题我面临的问题是,当我提交表单时,我得到的自定义字段ng-model的值为null或undefined。因为双向绑定(bind)不起作用你会看到当我们从父级更新范围时它会更新指令范围但是当你在自定义字段中更新它时它不会更新使用父级范围的输入字段并且之后两种方式绑定(bind)将不起作用这是我的文件users.htmlapp.jsapp.directive('customField',function(){vardirective={};directive.restr

javascript - 我可以使用 AngularJs 指令将样式应用于伪元素吗

我希望我没有错过这里明显的东西,但我正在尝试学习Angular,但在尝试制定指令时遇到了问题。我正在尝试构建一个指令,它将从数据属性('background-image')中获取url并将其作为背景图像应用于伪元素,但我无法弄清楚如何定位::before元素,或者即使Angular可以修改伪元素。这是我要构建的指令:http://cdpn.io/cqvGH我可以让它将背景应用到div.item,但是当我尝试定位::before时,没有任何乐趣。指令代码如下:angular.module('testApp',[])angular.module('testApp').directive('

java.lang.RuntimeException : PARAGRAPH span must start at paragraph boundary (46 follows ) 错误

尝试在TextView中呈现文本时出现以下错误java.lang.RuntimeException:PARAGRAPHspanmuststartatparagraphboundary(46follows)atandroid.text.SpannableStringInternal.setSpan(SpannableStringInternal.java:161)atandroid.text.SpannableStringInternal.copySpans(SpannableStringInternal.java:67)atandroid.text.SpannableStringInt

html - Bootstrap 4 : Footer not at bottom

我知道这个问题可能被问过数百次,但遗憾的是,我在这里找到的答案并没有真正帮助到我。例如,我尝试了这些答案:BootstrapfooternotatbottomFlushingfootertobottomofthepage,twitterbootstrapHeightnot100%onContainerFluideventhoughhtmlandbodyare但我仍然有一个问题,当我的页面内容“小”并且没有填满主体/页面容器的整个高度时,页脚只是float在浏览器窗口末端上方的某个地方。这是我的页脚代码:Link1|Link2|Link3CraftedwithLovebyMe我正在使用B

javascript - Visual Studio typescript "Uncaught ReferenceError: exports is not defined at...."

这个问题在这里已经有了答案:TypescriptReferenceError:exportsisnotdefined(28个答案)关闭3年前。我正在使用visualstudio学习typeScript,并尝试进行简单的类导出。我已经多次看到这个问题,但没有一个解决方案对我有帮助。我做错了什么?我已经将模块系统从CommonJs更改为system我已经安装了npmsystemJs尝试将“导入”写成“///...引用路径..../”还是一样的错误“UncaughtReferenceError:exportsisnotdefinedat...”import{Address}from"./ad

html - 在 Rails : "..." showing up on strings at length 中截断字符串

我目前正在尝试截断任何超过65个字符的字符串。我的代码是它非常适合长度超过65个字符的标题。但是恰好65个字符的标题仍会被截断。例如:title:"Thispostisexactly65characterscharacterscharacterscharacte"showsonpageas"Thispostisexactly65characterscharacterscharacterschara..."我不应该使用truncate吗? 最佳答案 truncate是正确的方法。这可能是您的rails版本中的错误?这是我在控制台上得到

javascript - 我如何使用 angularJS 将可拖动指令应用于 Bootstrap 模式?

我在我的Angular应用程序中使用Bootstrap模式,它工作正常。我需要让它可以拖动和调整大小,所以我定义了一个指令。现在的问题是它被应用于模态窗口内的内容,因此模态窗口变得透明。打开窗口时如何将可拖动指令分配给模态窗口?这是代码,HTML:App.js:varrouterApp=angular.module('DiginRt',['ui.bootstrap','ngRoute']);routerApp.controller('CustomWidgetCtrl',['$scope','$modal',function($scope,$modal){$scope.openSetti

javascript - AngularJS 指令 transclude scope=false?

如何防止带有transclude的指令创建新的作用域?这jsfiddle由于用红色边框说明的新​​作用域,我无法绑定(bind)任何东西。HTML:123JavaScript:angular.module('components',[]).directive('block',function(){return{scope:false,replace:true,restrict:"E",transclude:true,template:'',link:function(scope,el,attrs,ctrl){}}});CSS:.ng-scope{border:1pxsolidred;m