草庐IT

Angular-bootstrap

全部标签

javascript - Angular : src attribute bug in Iframe directive

我在尝试实现Iframe指令时遇到问题。就我而言:模板:指令:angular.module('project.directives',[]).directive('externalIframe',['$rootScope',function($rootScope){return{restrict:'C',replace:true,transclude:true,scope:{src:'@iframeSrc',//thesrcusesthedata-bindingfromtheparentscope},template:'',link:function(scope,elem,attrs)

javascript - Angular/MEAN.io 中的路由安全漏洞?

我刚刚安装了MEAN堆栈(MongoDB、Express.js、AngularJS、Node.js)并打开了示例程序(在mean.io上找到),他们有一个基本的应用程序,您可以登录并创建博客“文章”仅用于测试等。无论如何,我删除了“#!”从URL输出整个用户和文章模型,因为它们在数据库中。它看起来好像这样做使它停止通过Angular进行路由,而是使用只是JSONRESTapi的Express路由。这是MEAN堆栈包、Angular作为一个整体的缺陷,还是仅仅是开发环境设置的缺陷?我无法想象它会以这样一个巨大的缺陷发布,但也许我只是遗漏了一些东西..可复制的步骤:按照http://mea

javascript - 包括 bootstrap.min.css 和 bootstrap.css 还是只包括一个?

我添加了bootstrap.min.css和bootstrap.css文件,在调试时,我发现只有一个被使用,而另一个被覆盖。我很困惑他们是否有任何我没有使用的附加功能。我还想知道bootstrap.js和bootstrap.min.js的操作是否相似。 最佳答案 这是正确的行为-每个文档可以有一个名为“A”的类。.min.css/.min.js-通常是删除了所有空格的相同css和js文件。它使它们更小,加载速度更快。浏览器无论如何都不需要空格。 关于javascript-包括bootst

javascript - 在 Bootstrap 工具提示中显示欧芹错误

我正在使用parsley2.0.0-rc5并希望在Bootstrap工具提示中显示错误消息。我正在使用“parsley:field:error”,但事件在错误显示在错误容器中之前触发,我无法识别错误。有人知道我如何获得每个字段的错误消息吗?$.listen('parsley:field:error',function(e){dataParsleyId=e.$element.attr('data-parsley-id');errorMsg='Error:'+$('#parsley-id-'+dataParsleyId).text();e.$element.attr('data-origi

javascript - 如何以编程方式打开和关闭 Angular-UI 弹出窗口

我需要创建从服务器获取内容的弹出窗口。所以我创建了以下指令:.directive('myPopover',[myService,function($myService){return{restrict:'E',transclude:true,template:'',link:function(scope,element,attrs){scope.wordClicked=function(){if(POPUPISNOTSHOWING){varmessage=myService.getMessage({key:element.text()},function(){console.info(

javascript - 删除 ng-click 上的 Angular 限制

所以我有一个帖子列表,它们的长度各不相同,所以我在第500个字符处将它们chop,但我想在ng-click上显示帖子的其余部分.似乎有一些“Angular方式”可以做到这一点,但我还没有通过谷歌找到它。{{post.messageBody|limitTo:500}}View 最佳答案 我会这样写:为限制设置可编辑值并给帖子长度{{post.messageBody|limitTo:limit}}View 关于javascript-删除ng-click上的Angular限制,我们在Stack

javascript - 更改 Bootstrap 导航选项卡行换行

在Bootstrap3中,导航选项卡行的环绕方式是最宽的行往往位于顶部,而较短的行位于底部:这使得选项卡看起来笨拙且不平衡。有没有一种方法可以修改导航选项卡,使底部的行更宽?更像这样:这是JSFiddle产生了第一张图片。FooBar1FooBar2FooBar3FooBar4FooBar5FooBar6FooBar7FooBar8FooBar9FooBar10FooBar11FooBar12FooBarBaz13FooBarBaz14 最佳答案 我知道从性能的Angular来看这不是最好的解决方案,但无论如何......希望这会有

javascript - 是否有 'angular.element($0).scope()' 的 Angular 2 等价物

因此,出于我的罪过,我正在进行Angular2项目。我在旧的Angular1工作中一直使用angular.element($0).scope()来检查一个元素,并在开发工具中查看当时范围内的内容。这非常有用,Angular2中有类似的东西吗? 最佳答案 Augury是一个很好的建议。如果你想直接访问使用ng.probe($0)另见GetComponentReffromDOMelementHowtoaccessthe*angular2*components'datainthebrowser'sconsole?howtoaccessAn

javascript - Bootstrap - 使用 jquery 进行图标切换

我在尝试切换Bootstrap图标时遇到了一个小问题。当我运行代码时,它会按照您第一次单击它切换的图标时的预期进行操作,但是当我再次单击时它不会改变。这是我的代码,我们将不胜感激!$(".icon-minus").click(function(){$(this).removeClass("icon-minus").addClass("icon-plus");});$(".icon-plus").click(function(){$(this).removeClass("icon-plus").addClass("icon-minus");});更新1:此图标用于可折叠菜单,可以找到其代

javascript - Angular : How to access an element directive's scope in the controller

给定这个简单的Angular模块:angular.module('fixturesModule',[]).directive('clubfixtures',function(){"usestrict";return{restrict:'E',replace:true,transclude:true,scope:{club:"@club",max:"@max"},templateUrl:"ClubResultsTemplate.html",controller:function($scope,$http){$http.get("data.json").success(function(d