草庐IT

angular-mat-select

全部标签

javascript - 在 select2 多选中加载值

我正在使用select2代替搜索框。我在这里使用加载这样的国家/地区值$("#countries").select2({multiple:true,tags:["India","Japan","Australia","Singapore"],tokenSeparators:[","]});当我按下保存按钮时,它们已正确提交到服务器,现在问题是当我想在保存到服务器后修改国家字段时,如何将保存的值加载到国家字段。这是我从服务器获取数据的方式$.getJSON('/dataprovider?data=fetchCountriesForm',function(opts){//theoptshe

javascript - 如何将 ng-model 输入值显示为 Angular 货币?

我在html中{{price|currency}}在Controller中$scope.price=10;Whichdisplays**$10**inh1ifichangethevalueinpricemodelinput.我希望文本框输入以货币形式输入(输入框中的10美元作为值)。如何实现? 最佳答案 您可以尝试使用formatters和parsers喜欢app.directive('currency',function(){return{require:'ngModel',link:function(elem,$scope,at

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

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

javascript - 在 angular-ui-bootstrap 轮播上设置事件幻灯片

我正在使用angular、bootstrap和一个名为“ui-bootstrap”的插件来制作轮播。我有一个缩略图列表,当单击其中一个时,会显示轮播中带有高清图像的模式,类似于您在亚马逊或其他网站上看到的内容。我试图将轮播中显示的第一张图片设置为用户点击的图片。我已经能够使用$index获取图像的索引,因为我在ng-repeat中,将它提供给模态Controller并毫无问题地显示轮播。但是第一张图片我的索引始终为0,即使我尝试设置我拥有的索引也是如此。这些是我尝试过的一些事情:$scope.SliderItems=items;//Thisonesetstheitemsinthesli

javascript - Nodejs/HapiJs 与 Angular.js

有人可以向我解释如何将nodejs(hapi服务器)与AngularJs结合使用吗?我以为我可以捕获对我的Hapi服务器发出的每个请求,并使用angularjs的路由/REST等对这些请求使用react……服务器正在运行并按照我的预期为我提供index.html,但是我愚蠢地Hook我的app.js以获取Angular东西。我想我的做法是完全错误的。哈皮server.route({method:'GET',path:'/{p*}',handler:function(request,reply){reply.file('public/index.html');}});index.html

javascript - Angular - 将范围值保存到变量,但在范围更新时不更新它

我有这样的东西:$scope.last_good_configuration=$scope.storage;在$scope.last_good_configuration中,我保留最后的正确设置。当用户输入错误的值时,例如我想做的太大的整数:$scope.storage=$scope.last_good_configuration;但我的$scope.last_good_configuration始终与$scope.storage相同。如何停止更新$scope.last_good_configuration?我必须以某种方式评估我的范围? 最佳答案

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 - CORS - Angular 和 Express 的 http OPTIONS 错误

我正在尝试从Angularjs客户端对我的API进行POST,我在另一个域中运行的服务器上有此配置:app.use(function(req,res,next){res.setHeader('Access-Control-Allow-Origin','*');res.setHeader('Access-Control-Allow-Methods','GET,POST,PUT,OPTIONS,DETELE');res.setHeader('Access-Control-Allow-Headers','*');next();});发送到服务器的header是:OPTIONS/api/aut

javascript - Angular Material 使用 $http 调用自动完成

我正在尝试做的是AngularMaterial自动完成(md-autocomplete),其中包含从对我的RESTAPI的AJAX调用动态检索的数据。不幸的是,我只得到不确定的进度条,而不是自动完成项目,如下所示。结果Controller$scope.customersSelect={};$scope.selectedItem=null;$scope.searchText=null;$scope.getCustomers=function(query){selectsService.getCustomers(query).then(function(results){$scope.cu