草庐IT

Angular-bootstrap

全部标签

javascript - Angular 无法设置未定义的属性

我不太明白为什么以下内容不起作用:main.html{{message.test}}主要.jsangular.module('myApp').controller('MainCtrl',function(someService,$location,$scope){$scope.message.test="blablabla";}});当我运行代码时,我会遇到一个错误:TypeError:Cannotsetproperty'test'ofundefinedatnew(http://localhost:9000/scripts/controllers/main.js:13:25)atinv

javascript - 防止 Bootstrap 下拉菜单在点击时关闭

这个问题在这里已经有了答案:HowdoIpreventmydropdownfromclosingwhenclickinginsideit?(3个答案)关闭4年前。我的菜单使用Bootstrap3,我无法阻止下拉菜单在点击时关闭。我该怎么做?JSFiddle//Addopenclassifactive$('.sidebar-nav').find('li.dropdown.active').addClass('open');//Opensubmenuifactive$('.sidebar-nav').find('li.dropdown.openul').css("display","blo

javascript - 选中复选框时 Twitter Bootstrap 3 崩溃

Accordion必须在选中的复选框上折叠。并且在未检查时必须隐藏。这是代码:http://jsfiddle.net/UwL5L/2/为什么不检查?IhaveDriverLicenseABCDE 最佳答案 这是我的解决方案,通过将标签包装器添加到复选框而不是超链接来工作:IhaveDriverLicensehttp://jsfiddle.net/L0h3s7uf/1/ 关于javascript-选中复选框时TwitterBootstrap3崩溃,我们在StackOverflow上找到一个

javascript - 非常简单 : requiring images in webpack and Angular 2

我在Angular2webpack应用程序中需要图像时遇到了一些问题。我已经尝试了三四个图像加载器,但我似乎无法正确配置它们并且HTML中的结果不正确。例如,目前我有:包含此图像的文件是模板的一部分,需要这样:@Component({selector:'appstore-app',directives:[...ROUTER_DIRECTIVES],styles:[require('../sass/appstore.scss').toString()],template:require('./app.component.html')})这会导致浏览器出错:GET:http://local

javascript - Angular 在尝试下载文件时将 "unsafe"添加到 url

这个问题在这里已经有了答案:unsafelinkinangular(5个答案)关闭6年前。我有一个小型AngularJS应用程序,我试图在其中打开上传的图像,但遇到了Angular在URL开头添加“不安全:”的问题。我在我的应用程序配置中添加了以下行来清理URL,但它对我不起作用:$compileProvider.imgSrcSanitizationWhitelist(/^\s*(https?|ftp|file|blob:chrome-extension):|data:image|\//);我使用的是Angularv1.3.0,所以我使用了正确的属性名称。我主要使用Chrome,但在其

Angular 2 : getting RouteParams from parent component

如何从父组件获取RouteParams?App.ts:@Component({...})@RouteConfig([{path:'/',component:HomeComponent,as:'Home'},{path:'/:username/...',component:ParentComponent,as:'Parent'}])exportclassHomeComponent{...}然后,在ParentComponent中,我可以轻松获取用户名参数并设置子路由。Parent.ts:@Component({...})@RouteConfig([{path:'/child-1',com

javascript - Angular/Javascript - 在 KeyUp 上返回正确的数字

我正在尝试检查电子邮件的有效性(当用户开始输入onkeyup时),然后如果电子邮件有效,我将其推送到一组唯一的电子邮件中;但是,一旦达到一定数量,我就停止推送到数组,在我的例子中是3。onKeyUp(ev){letfinalEmailList=[]this.finalEmailList=[];this.numberOfUsers=3;letemails=ev.replace('','').split(/,|/);emails.forEach(email=>{if(this.validateEmail(email)){//Iftheemailhasavalidformat,thepush

javascript - Angular 2 AOT 与 JIT 负载比较

我是Angular2的新手,如果我说的不准确请指正。关于编译器,我对Angular1和2的理解:在Angular1中,编译器更加通用和动态,这意味着脏检查代码是在不同组件上运行的单一代码。然而,为了Angular2中的性能起见,每个组件都将被编译为生成的代码,用于处理该特定组件的绑定(bind)和脏检查。这意味着根据组件模板,更具体地说,绑定(bind)数量,生成的代码会变得更大。当我们使用JIT时,这并不重要,因为此代码不通过网络并在浏览器中生成。但是当使用AOT时,它将从服务器传输。问题(可能):当应用程序很小时,AOT肯定会产生较小的负载,因为编译器不会传送到浏览器。但是随着应用

javascript - 如何使用 Bootstrap 创建自定义滚动条?

我已经开始为我的UI使用TwitterBootstrap开发一个简单的Web应用程序,我有一个带有overflow-y属性的div。我想摆脱默认滚动条并使用一些很酷的自定义滚动条使用jquery像thisexample.我已经使用以下格式的嵌套div尝试了前面的示例。Scrollablecontenthere但是当我尝试实现自定义滚动条时,默认滚动条出现了,当我使用开发人员工具检查它时,自定义组件位于页面顶部的某处并且不可见。有什么方法可以开始使用自定义滚动条和Bootstrap的固定网格布局?我们有这方面的好资源吗?非常感谢您对此的帮助。我想我知道问题出在哪里了。当我按照上面提到的j

javascript - 测试使用 jQuery 的 Angular 指令

我在为一些Angular指令编写单元测试时遇到问题。特别是那些在指令中使用jQuery的。我设计了一个下面的最小示例来说明我的问题。这个愚蠢的指令将点击事件绑定(bind)到元素。单击时,它会隐藏元素。AccordingtoAngular,传递给指令的元素将被包装为jQuery元素。如果jQuery可用,它将使用jQuery,否则它将使用Angular的jQueryLite。实际上,如果我在包含jQuery的浏览器中使用此指令,该指令会起作用并将隐藏被单击的元素。angular.module('myApp').directive('clickhide',function(){retur