草庐IT

ng2-select

全部标签

javascript - 如何聚焦angularjs ui-select输入?

我的问题是我有一个带有ui-select下拉菜单的框模态。当模态出现时,我希望myUser可以使用键盘选择一个项目。但重点不在模态上。我怎样才能专注于ui-select的输入(重要,输入)?非常感谢。{{$select.selected.title}} 最佳答案 其实很简单。简单看一下documentation会告诉你的。自动对焦:加载时自动获得焦点。默认值为“假”因此,只需将其添加到您的html的第一行,例如希望这有帮助-干杯 关于javascript-如何聚焦angularjsui-

javascript - Angular Directive(指令) : Adding ng-class directive at compile time on existing template element

长话短说,这个想法是通过不必手动添加ng-class={'has-error':'formName.inputName.$invalid'}来简化模板每一个form-group所以我想创建一个指令来生成一个字符串,该字符串将被添加到模板元素中。该字符串是一个带有表达式的ng-class属性我认为创建一个在编译阶段添加ng-class属性的快速指令就足够了,但它似乎并没有削减它。指令定义对象{restrict:'C',compile:function(tElement,tAttrs){var$elem=angular.element(tElement),formName=$elem.pa

javascript - 如何在 Angular 2 CLI 中使用 "ng build --prod"和 "ng serve --prod",出现 404 错误

当我尝试使用--prod选项运行ngbuild时,它会编译成一个main.js文件,并且我在控制台中没有收到任何错误。但是当我在浏览器中运行应用程序时,它仍然会查找单独的js文件。我的main.ts://defaultimport{provide,enableProdMode,ExceptionHandler}from'@angular/core';import{LocationStrategy,HashLocationStrategy}from'@angular/common';import{bootstrap}from'@angular/platform-browser-dynam

javascript - 带条件语句的 ng-init

我有一个AngularJS应用程序,当页面加载时会执行getTableData,但我想检查一个变量$rootScope.Dealer并切换初始化的函数名。例如:如果存在$rootScope.Dealer值,我想执行名为getDealerData的函数如果没有设置值需要执行getTableData函数。如何在anglarjs模板中制作它。我刚刚尝试了ng-if,但它不起作用... 最佳答案 您可以像这样在ng-init指令中使用简单的Javascript语法:这是给你的plnkr(我已经将后端路由生成更改为文本):https://pl

javascript - 写入 Firebase 时将 Angular ng-model 转换为整数

我正在使用AngularFire获取输入并将它们保存到我的Firebase数据库中。目前,我有一个用于输入服务价格的输入,就像这样(我使用的输入类型是“文本”而不​​是“数字”,因为我不希望它在旧浏览器中引起问题):但是,当我在提交表单时(使用更新函数)将其写入我的Firebase时,它​​会将值$scope.priceMonthly写入字符串而不是整数。将此值写为整数而不是字符串的最佳方法是什么? 最佳答案 type="number"怎么样,比如:因为你想让用户只写数字。$scope.myText应该是这种情况下的数字。作为旁注:

javascript - 在指令中观看 ng-model

我有以下指令:directive('myInput',function(){return{restrict:'AE',scope:{id:'@',label:'@',type:'@',value:'='},templateUrl:'directives/dc-input.html',link:function(scope,element,attrs){scope.disabled=attrs.hasOwnProperty('disabled');scope.required=attrs.hasOwnProperty('required');scope.pattern=attrs.pat

javascript - 关闭后模糊 Select2 输入

我希望select2元素在触发select2-close事件时失去焦点,到目前为止我尝试过的是:.on("select2-close",function(e){var$focused=$(':focus');$focused.blur();});还有一些变体来获取焦点元素,例如document.activeElement,$(e.target)都没有用。JSFiddle 最佳答案 您需要从包含分隔符中删除.select2-container-active类:.on("select2-close",function(){setTime

javascript - ng-click、ng-mouseover 等是否会创建观察者并减慢页面速度?它比 jQuery 事件绑定(bind)更好吗?

我想知道在整个应用程序中大量使用ng-click、ng-mouseover等指令是否会导致类似于ng-repeat的性能问题?我正在使用AngularJS开发一个应用程序。由于ng-repeat和它创建的观察者数量,我已经遇到了很多问题。性能受到了影响,我正在努力解决。 最佳答案 在Angular的事件指令中没有创建额外的watch。事件指令非常简单,使用jquery(如果不包含jquery,则使用jqLit​​e)将事件监听器添加到带有指令的元素(即ng-click)。这是以Angular设置事件指令的代码。如您所见,他们并没有创

javascript - 如何将 f.date_select 的月份、日期、年份放在单行上?

我有一个Viewnew.html.erb..1920,:end_year=>2010},:class=>'form-controldate-select'%>..Viewnew.html.erb显示如下我正在使用TwitterBootstrap而我没有使用Devisegem。有什么办法可以在同一行显示所有三个列表框吗? 最佳答案 您的选择框有form-control类,它定义了width:100%和display:block。这意味着让它们都走同一行,你应该用一个容器包装选择框,然后使它们成为内联/内联block并设置一些宽度:..

javascript - 在 ng-repeat 中显示子数组

在我的Angular应用程序中,我有以下像这样填充的元素:HTMLModel[[model.model]]JS$scope.manufacturerModels=$filter('filter')($scope.models,{manufacturer_id:manufacturerId});上述AngularJS代码段将返回存储在API中的手机型号的JSON响应。(我会在这里发布一个示例,但每个对象都非常冗长)。无论如何,在每个“模型”中都有一个变体子数组——包含该设备可用的颜色和内存大小的对象。例如:{model:"iPhone6",manufacturer:"Apple",var