草庐IT

Angular-bootstrap

全部标签

javascript - 如何替换 Angular 2中的字符串?

我在html页面中使用了以下插值。{{config.CompanyAddress.replace('\n','')}}也用过{{config.CompanyAddress.toString().replace('\n','')}}但两者都显示如下文字{{config.CompanyAddress.replace('\n','')}}{{config.CompanyAddress.toString().replace('\n','')}} 最佳答案 你也可以使用管道:import{Pipe,PipeTransform}from'@an

javascript - 如何使用 angular.js 在标题元素中绑定(bind)数据

我正在学习Angular.js,我设置了{{title}}我尝试使用selectelement来改变它LoremIpsumDolor我试试ng-change和ng-select与set()functionctrl($scope){$scope.title='hello';//thissetthetitle$scope.set=function(){$scope.title=$scope.user.title;//thisnot};}该功能不起作用,但是当我不带功能设置它时它就起作用了。我也尝试创建更改指令:app.directive('change',function(){consol

javascript - Angular 错误 : $injector:modulerr Module Error

我正在尝试运行一个AngularMaterials示例,但我终究无法弄清楚为什么会出现此错误。我得到的错误是Error:$injector:modulerrModuleError这是我得到的错误报告:link有什么想法可能是什么问题吗?我实际上是从他们的示例网站上复制粘贴的。代码如下:angular.module('MyApp',['ngMaterial','ngMessages','material.svgAssetsCache']).controller('AppCtrl',function($scope){});.buttondemoBasicUsagesection{backg

javascript - 为 Twitter Bootstrap 更新日期范围选择器的选定日期

我正在使用daterangepicker对于TwitterBootstrap,作者DanGrossman.初始化时,可以设置预定义值,如startDate和endDate。以后是否可以以类似的方式手动更新这些值?我想要做的是使用我保存的过滤器“加载”日期范围选择器,其中包括开始日期和结束日期(不是通过定义预定义的范围)。仅通过jQuery更新日期范围选择器的字段不会更新日历的实际选择。我想我应该在初始化日期范围选择器时做这样的事情:varreportrange=$('#reportrange').daterangepicker(),DateRangePicker=reportrange

javascript - Angular.js 中的搜索过滤器,

我是这个框架的新手,因此练习Angularjs并遵循网站上提供的教程。有一个例子,我们可以搜索表中的数据,例子如下,SmartphoneAngularvarsmartPhoneApp=angular.module("SmartPhoneApp",[]);smartPhoneApp.controller("phoneCtrl",function($scope){$scope.phones=[{"modelName":"LUMIA520","companyName":"NOKIA"},{"modelName":"GALAXYSSeries","companyName":"SAMSUNG"}

javascript - 如何在 Angular 中取消绑定(bind) $on?

我有一段代码在init上使用了一次$scope.$on,然后在一个函数中,所以代码被执行了多次。如果在我再次绑定(bind)之前先解除绑定(bind),我该如何解除绑定(bind)。我试过$scope.$off但没有这样的功能,https://docs.angularjs.org/api不要说$on。我正在使用Angular1.0.6。 最佳答案 如果您不取消注册该事件,您将发生内存泄漏,因为您传递给$on的函数将不会被清除(因为对它的引用仍然存在)。更重要的是,在其范围内函数引用的任何变量也将被泄漏。如果您的Controller在

javascript - 最小值和最大值的 Angular 2 表单验证

我有一个带有输入框的表单。输入框既有文字也有数字。我必须验证它们并且我遵循了这个tutorial并尝试验证它们。据此,如果我必须验证一个字符串,那么我可以按如下方式使用控制组。constructor(fb:FormBuilder){this.complexForm=fb.group({'firstName':[null,Validators.required],'lastName':[null,Validators.compose([Validators.required,Validators.minLength(5),Validators.maxLength(10)])]})HTML

javascript - 在 Bootstrap 的 Typeahead 中添加标签、值和图片

我正在玩弄Typeahead我想弄清楚是否还有一种方法可以在搜索查询中显示图片和标签?就像我们尝试在推文中提及用户时Twitter所做的那样。 最佳答案 在做了一些研究并几乎拔掉了我所有的头发之后,我终于想出了如何将全名、图像和用户名添加到像twitter这样的预输入中。假设这是源的每个对象的以下结构,{{friend.id}}#{{friend.username}}#{{friend.imgurl}}#{{friend.fullname}}然后你所要做的就是写一个漂亮的荧光笔,像这样highlighter:function(ite

javascript - Angular ng 消息在 ng 重复表单上显示错误

我想用ngrepeat生成输入,问题是当我有一个错误时,这只适用于最后一个元素,我怎样才能使它适用于每个元素?Thisfieldisrequired 最佳答案 我不知道我是否理解你的问题,但我使用这种方法来处理ng-repeat中的输入。考虑以下代码ThisfieldisrequiredThisfieldisrequired只需遵循代码。有什么不明白的就在下面评论吧 关于javascript-Angularng消息在ng重复表单上显示错误,我们在StackOverflow上找到一个类似的

javascript - 在 Angular 2 中测试服务时 NgModule 'DynamicTestModule' 的提供程序无效

我有以下服务:import{Injectable}from'@angular/core';import{MenuItem}from'./../classes/menu-item';import{ITEMS}from'./../static-data/items-list';@Injectable()exportclassItemsListService{getItems():Promise{returnPromise.resolve(ITEMS);}}这个服务的测试在这里:import{TestBed,async,inject}from'@angular/core/testing';i