草庐IT

angularjs-ng-if

全部标签

javascript - 如何在 AngularJS 中使用过滤器从数组中删除项目?

当我在没有任何过滤器的情况下单击tr时,我的函数array.splice()起作用。数组中的索引顺序正确,因此array.splice()有效。启用过滤器后,数组中的索引不会更新,并且仍按相同的顺序排列。所以array.splice()删除了错误的项目。order$scope.remove=function($event,index,array){array.splice(index,1);};如何更新数组中的索引?或者如何删除正确的项目? 最佳答案 使用indexOf可以更轻松地将项目拼接在数组中元素的实际位置。$scope.re

javascript - 用于显示输入错误的 AngularJS 表单验证指令

我需要创建一个验证指令来自动显示每个输入的所有输入错误。此验证指令应显示当前的所有错误,并且错误列表应在用户键入时自动更新。如果输入是脏的,而不是空的和无效的,我需要显示所有输入错误。我需要将所有错误添加到此输入元素附近的html元素中。例如,如果输入有type="email"和ng-minlength="5"并且用户输入了'abc'我需要在这个输入附近显示这样的错误:'无效的电子邮件;请至少输入5个字符;'例如,如果输入有type="number"attr和min="200"以及min-model="minnumber"和minnumber模型设置为'300'并且用户键入'100'我

javascript - 如何在 AngularJS 中的两个字符串值之间切换,例如 bool 值 True/False?

我有一个按钮,点击它应该显示/隐藏一些区域。button(ng-click="areaStatus='on'").area(ng-class="areaStatus")我不想只使用ng-show/ng-hide然后将其分配给boolareaStatus,但我想要更复杂的东西,比如开/关/隐藏/透明/等等。有没有一种方法可以在单击时在“打开”和“关闭”之间切换areaStatus,而无需为其编写函数,只需使用内联表达式? 最佳答案 你可以这样做(HTML):On/OffjsFiddle但是很丑。我肯定会在作用域上创建一个方法来更改状态

javascript - 页面上的多个 ng-app 指令

我希望能够在一个页面上使用多个ng-app="{angular.module}"指令。我想这样做是为了让我的应用程序更加模块化。我想,如果我可以创建Angular模块并将其中的几个插入到一个文档中,我就可以将这些模块轻松地插入到其他项目中。我看到有人说您只能在页面上使用一个ng-app指令……这是真的吗?“每个View一个ng-app指令”是否最准确?我希望不是这样,或者如果是这样的话,还是有最好的方法来实现高度抽象的模块化。这是我的模块/应用程序及其Controller...varsearchModj=angular.module('searchModule',[]);varcont

javascript - 如何在指令中设置 ng-disabled

我的指令有link:function($scope,$elm,$attrs){varstatus=$scope.item.statusif(status){varstatusName=status.name,item=$scope.item;if(statusName==='USED'){$attrs.$set('ng-disabled',true);//thisdoesn'twork}else{$elm.attr('ng-disabled',false);}}}所以,我的问题是:如何使用此指令将ng-disabled应用于元素? 最佳答案

javascript - AngularJS - 在子窗口中获取对 $rootscope 的引用

我需要在父浏览器的子浏览器窗口中启动一个Angular事件。我的第一个想法是,如果我有模块名称,我应该能够从Angular全局对象中获取对$rootScope的引用,但我无法让它工作。有谁知道从Angular上下文之外引用$rootScope对象的最佳方法吗?提前致谢。 最佳答案 如果你的ng-app上有一个id您可以通过以下方式获取$rootScope:angular.element('#app-container').scope() 关于javascript-AngularJS-在子

javascript - 如何将使用 $scope 的函数包含/注入(inject)到 angularjs 的 Controller 中?

我正在尝试将工厂中保存的函数库包含到Controller中。类似于这样的问题:Creatingcommoncontrollerfunctions我的主Controller是这样的:recipeApp.controller('recipeController',function($scope,groceryInterface,...){$scope.groceryList=[];//...etc.../*tryingtoretrievethefunctionshere*/$scope.groceryFunc=groceryInterface;//wouldcallng-click="gr

javascript - 如果 angularjs 模板中的其他条件

我对AngularJs很陌生。我正在开发一个问答应用程序,我必须以表格的形式呈现一些问题及其答案。我必须以不同的方式呈现三种类型的问题。每个问题都有一个分配的类型。如果question.type是“MCQ”,那么选项或其答案应该用HTML复选框呈现,如果问题类型是NUM,它的答案应该用单选按钮呈现。我试过这个并在AngularJs模板中使用if条件。我的代码是QuestionsHints{[{question.question_text}]}{[{answer.answer_text}]}{[{answer.text}]}{[{question.hint}]}我是这样试过的。但我认为如

javascript - 创建 YouTube AngularJS 指令

我创建了以下AngularJS指令来嵌入youtube视频://ASimpleyoutubeembeddirective.directive('youtube',function(){return{restrict:'EA',scope:{code:'='},replace:true,template:''};});当我从我的模板中调用它时,我收到以下错误:Error:[$interpolate:noconcat]Errorwhileinterpolating:http://www.youtube.com/embed/{{code}}StrictContextualEscapingdi

javascript - 递归地在ng-repeat中迭代时如何在ng-include中获取父元素

我制作了一个递归的ng-repeat元素,试图操纵事物变成了一场噩梦,因为我没有引用我正在迭代的父元素。ng-repeat看起来像这样:ng-repeat="(key,value)invalue"记住它是递归的,所以value中的每个值都会成为新值,所以我不能只使用ng-repeat中的“in”值。我想做这样的事情,比如检查父级是否是一个数组,但是$parent是一些奇怪的东西,而不是当前迭代值的父元素。我想做的事情的一些例子是:ng-show="isArray(parent)"ng-click="delete(parent,$index)"(作为我正在做的工作的一个例子,我不得不向我