草庐IT

ng2-select

全部标签

javascript - 在嵌套的 ng-repeat 中过滤复杂对象

我想在嵌套的ng-repeat中过滤对象。HTML:Cityid:{{locations.city_id}}Pincode:{{detail.pin}}Controller:varmyApp=angular.module('myApp',[]);myApp.controller('MyController',function($scope){$scope.search=function(location){if($scope.selectedCityId===undefined||$scope.selectedCityId.length===0){returntrue;}if(loca

javascript - 如何控制 Angular Material 中的 md-select 下拉位置

我需要自定义一个md-select,以便选项列表更像传统的选择。选项应显示在选择元素下方,而不是悬停在元素顶部。有谁知道存在这样的东西,或者如何实现它? 最佳答案 这适用于Angular2+的Material使用disableOptionCentering选项,例如:{{movie.viewValue}} 关于javascript-如何控制AngularMaterial中的md-select下拉位置,我们在StackOverflow上找到一个类似的问题: ht

javascript - Angular .js : two-way binding inside ng-repeat

我正在开发Angular应用程序。我想生成一个表单,其中包含任意数量的文本输入字段,并为每个单独的输入字段提供双向绑定(bind)。没有按钮,没有观察者。ng-model由于范围界定而无法正常工作(如果我没记错的话)。输入字段是从带有ng-repeat的数组生成的,如下所示:{{item.name}}我只想要一个简单的绑定(bind)来根据输入的变化更新Controller中的items数组。感谢任何帮助。 最佳答案 只需更改输入标签,使其显示为:注意ng-model没有花括号。工作代码:http://plnkr.co/edit/C

javascript - 在 DOM 中动态重新加载 ng-repeat 数据

我认为有以下代码:{{i.id}}我想要ng-repeat当从items添加/删除新值时动态触发.就像,如果一个新元素被添加到items的开头那么它应该在开始时动态呈现给DOM,如果一个元素被添加到items的末尾,类似地该项目应呈现为最后一个列表项。DOM的这种动态变化是否可能有Angular? 最佳答案 ng-repeat应该开箱即用。但是,您需要将push或unshift放入数组中,以便正确的watch触发。Angular将通过引用跟踪数组。这是一个workingplunker.HTML:HelloPlunker!{{item

javascript - Angular : ng-controller on directive does not work on transcluded elements within directive

Here是我的脚本:angular.module('MyApp',[]).directive('mySalutation',function(){return{restrict:'E',scope:true,replace:true,transclude:true,template:'Hello',link:function($scope,$element,$attrs){}};}).controller('SalutationController',['$scope',function($scope){$scope.target="StackOverflow";}])和html:{{

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 - 如何使用ng-checked在angularJs中预选复选框

我似乎无法让它工作。所以我有一堆电影类型,我希望检查它们是否是用户数据库中的类型。这是我的代码%section(ng-controller="UserCtrl"ng-init="user_genres=#{preferred_genres}")%ul%li(ng:repeat="genreinpreferred_genres")%input(type="checkbox"ng:model="preferred_genres[genre]"id="genre-{{$index+1}}"ng-checked="user_genres['{{genre}}']")%label{:for=>"

javascript - 在 AngularJS 中,如何使一个独立的范围继承自 ng-repeat 的范围

我正在尝试创建一个在ng-repeat循环中接收参数的自定义组件。因此,例如,假设我有一个名为“mycomp”的组件,它在ng-repeat中接收自定义参数“name”:在我的指令中,隔离范围定义如下:scope:{name:"@"}那是行不通的,因为ng-repeat为它迭代的每个元素创建了一个独立的范围。所以我最终得到了两个级别的范围。我该如何解决这个问题?我做错了什么吗?谢谢。 最佳答案 正如我在对您的原始问题的评论中所述,这已经得到解答。无论如何,总结如下:在您的模板中,声明您想要继承的模型,不要使用{{}}(因为使用括号会

javascript - 如何防止在 ng-dblclick 上选择 AngularJS 中的文本?

我有一个带有ng-dblclick='doSomthing()'的元素,它工作正常,但也有选择元素中文本的丑陋副作用。有什么办法可以避免吗? 最佳答案 尝试将这些css规则添加到您要阻止文本选择的类或div.myClass{-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-user-select:none;}

javascript - JQMIGRATE : jQuery. fn.attr ('selected' ) 可能使用属性而不是属性

$('#operatordelivery').attr('checked',true);你好,我目前正在将jQuery版本迁移到jQuery-2.1.1,我可以在控制台中看到警告JQMIGRATE:jQuery.fn.attr('selected')mayusepropertyinsteadofattribute。我不清楚这个警告解释了什么。谁能告诉我这个错误是什么意思? 最佳答案 来自JQMIGRATE文档:JQMIGRATE:jQuery.fn.attr('selected')mayusepropertyinsteadofatt