草庐IT

ng2-select

全部标签

javascript - Select2 多选 - 以编程方式取消选择/取消选择项目

我有一个select2列表和一组外部按钮。我想单击外部按钮并取消选择select2列表中的相应项目。我知道我可以使用命令从外部值中选择项目$("#external_btn").click(function(){$("#select2").val("CA").trigger("change");});所以当我点击“external_btn”按钮时,“ca”项将在select2上被选中。但是我该如何取消选择项目?谢谢。 最佳答案 似乎没有内置函数可以通过编程方式从多选Select2控件中取消选择/取消选择选项。(参见thisdiscus

javascript - 使用来自 json 的 ng-flow.js 填充图像文件

我正在使用ng-flow在我的AngularJS应用程序中上传文件。我能够成功保存数据以及通过ng-flow上传多个文件。但是,在查询数据并通过JSON获取数据时,我不确定如何将文件添加到每一行的ng-flow对象中。每个文件都在JSON字符串中进行base64编码。澄清一下,我得到了每口井,每口井都有名称、位置、许可证等和多张图片。除图像外,井的所有属性都已成功填充到DOM中。HTML:...UploadFile{{$index+1}}{{file.name}}{{file.msg}}AngularJSController内部:wellsFactory.getData($scope.

javascript - 为什么在使用 ng-blur 时 ng-click 不起作用?

我在div上使用了ng-click并且它按预期工作,但是当我在其他一些输入上使用了ng-blur时,ng-clickdiv上的停止工作。工作代码[addItem(item)在点击时被调用]Choosefromselected{{item}}Followingareselected{{item}}损坏的代码[addItem(item)未被调用]Choosefromselected{{item}}Followingareselected{{item}}相关JS代码angular.module("myApp",[]).controller("TestController",["$scope"

javascript - 如何延迟 select-2,以便在用户输入数据后等待一段时间

我知道上述可以通过在AJAX调用中使用quietMillis来实现,但我使用查询来缓存数据。在这里我无法延迟AJAX调用。下面是代码$('#AssetType').select2({cacheDataSource:[],placeholder:'',quietMillis:3000,query:functionq(query){self=this;varkey=query.term;varcacheData=self.cacheDataSource[key];if(cacheData){query.callback({results:$.map(cacheData,function(i

javascript - Select2 4 自定义数据适配器

我正在尝试根据此处的示例创建自定义数据适配器:http://select2.github.io/announcements-4.0.html#query-to-data-adapter.如何将创建select2控件的行移动到具有DataAdapter定义的函数之外(参见下面的代码)?$.fn.select2.amd.require(['select2/data/array','select2/utils'],function(ArrayData,Utils){functionCustomData($element,options){CustomData.__super__.constr

javascript - 如何使用 ng2-dragula 拖放到多个 Angular2 组件

我有一个Angular2组件使用ng2-dragula像这样拖/放:@Component({selector:'my-comp',directives:[Dragula],viewProviders:[DragulaService],template:`...`})我的问题:如果我创建多个“my-comp”组件,“card-bag”中的项目不能拖/放这些组件,尽管它们具有相同的包名称。这些项目只能拖/放到它拥有的组件内。我们是否有任何跨组件拖放的配置,或者这是ng2-dragula的限制?谢谢。 最佳答案 如果您没有使用[dragu

javascript - AngularJS ng-repeat 和表单验证

我在AngularJS中的表单验证和在表单内使用ng-repeat项目时遇到问题。HTML:Name:Products:RemovesaveThereareerrors.Nochangeddetectedtobesaved.Dirty?{{form.$dirty}}Invalid?{{form.$invalid}}Pristine?{{form.$pristine}}JS:functionEditController($scope){$scope.model={name:"Phil",products:[{name:"Foo",price:12.99},{name:"Bar",pric

javascript - 双向绑定(bind)不适用于 ng-repeat

我有一个简单的ng-repeat列表,我在其中将当前列表项值分配给Controller上的另一个属性,如下所示:Save但是当我点击“保存”按钮时,我得到了$scope.value的默认值设置。我希望显示特定输入文本的值。这是Controller:angular.module('myApp',[]).controller('MyController',function($scope){$scope.value=false;$scope.list=[0,1,2,3,4];$scope.save=function(){alert($scope.value);}});我如何在调用保存函数时访

javascript - ng-repeat order通过保持固定的最高值

在这里查看fiddlehttp://jsfiddle.net/prantikv/gcz4gwgw/1/我想在列表的顶部得到第i个项目,其余的按字母顺序排列:{{value.name}}在我的Controller中我有以下内容varmyApp=angular.module('myApp',[]);functionMyCtrl($scope){$scope.name=[{name:'zani',country:'Norway'},{name:'aege',country:'Sweden'},{name:'Kai',country:'Denmark'}]}我想要的是名字“kai”先出现,然后

javascript - 根据路线切换 ng-include 的可见性

我有以下配置:$routeProvider.when('/cars',{templateUrl:'app/cars/index.html',controller:'CarsCtrl',reloadOnSearch:false}).when('/bikes',{templateUrl:'app/bikes/index.html',controller:'BikesCtrl',reloadOnSearch:false});在我的根目录index.html的某处有一个:CarsBikes现在,我希望两个View同时在DOM中加载和生成,并根据路由/URL显示其中一个。类似下面的内容(不是实际