草庐IT

ng-bootstrap

全部标签

javascript - Bootstrap 下拉事件不适用于 bootstrap-ui

根据http://getbootstrap.com/javascript/#dropdowns打开/关闭下拉列表时会抛出事件(例如,show.bs.dropdown、hide.bs.dropdown)。这一直有效,直到模块bootstrap-ui处于事件状态。我创建了一个plunkr来显示问题http://plnkr.co/edit/luYpweQZx22IkWHeMKhM.移除对ui.boostrap的依赖时会抛出事件,即varapp=angular.module('myapp',['ui.bootstrap']);替换为varapp=angular.module('myapp',[

javascript - Angular ng-repeat 实现

我尝试实现Angularng-repeat指令,但我不明白为什么这段代码不能正常工作。.directive("myRepeat",function(){return{transclude:"element",priority:1000,compile:function(tElem,tAttrs){varmyLoop=tAttrs.myRepeat,match=myLoop.match(/^\s*(.+)+in\s+(.*?)\s*(\s+track\s+by\s+(.+)\s*)?$/),indexString=match[1],collectionString=match[2],pa

javascript - Angular : ng-if and ng-repeat not working after custom transclusion

我正在尝试在angularJS中对指令进行自定义嵌入,因为我需要将两个单独的元素嵌入到两个单独的位置。问题是,虽然一些指令在嵌入的内容上继续工作,例如ng-bind其他指令,例如ng-if或ng-repeat不要这样做,即使在使用正确的范围重新编译被嵌入的元素之后也是如此。示例:http://jsbin.com/menakapoma/1/edit?html,js,output正如您在示例中看到的那样,ng-bind有效,但ng-if无效,即使它们都在同一范围内并访问相同的值.ng-if的true或false状态都不起作用。我相信这是因为ng-if指令被嵌入为注释,但是即使我将嵌入指令的

javascript - grunt-ng-constant 目标不能持续工作

我在grunt-ng-constant中遇到了一个奇怪的问题,其中3个目标中只有2个有效。我的配置如下所示:grunt.initConfig({ngconstant:{options:{space:'',wrap:'"usestrict";\n\n{%=__ngModule%}',name:'config'},//Environmenttargetsdevelopment:{options:{dest:'/scripts/config.js',},constants:{ENV:{name:'development',apiEndpoint:'http://your-developmen

javascript - 对话框的 Url 不适用于 angular.bootstrap(无限 $digest 循环)

我有一个平均堆栈网站。我想用ExecuteFunction在对话框中绑定(bind)一个按钮来启动这个网站:functiondoSomethingAndShowDialog(event){clickEvent=event;Office.context.ui.displayDialogAsync("https://localhost:3000/try",{},function(){})}单击该按钮会打开一个带有以下url的对话框,它会显示页面的内容:https://localhost:3000/try?_host_Info=excel|web|16.00|en-us|7fe9b4e9-d

javascript - Twitter Bootstrap 粘性子导航在它应该在较短的页面上之前变得固定

我实现了一个自动float的子导航栏,直接取自BootstrapdocsCSSandJS,在我正在处理的网站中。它只出现在一个View中,但这是一个RailsView,因此它是根据加载的对象动态生成的。我发现,当出现在子导航栏下方的内容足够长时,子导航栏的行为会按预期工作-subnav-fixed类会在子导航栏滚动时立即添加看不见。但是,如果页面比这短,子导航栏将在它实际超出View之前固定,这会产生非常刺耳的跳转,更不用说您可以看到该栏曾经所在的空间,您应该看不到。我应该补充一点,我使用的是固定的(主)导航栏,并考虑了适当的主体填充。问题似乎出在返回的$('.subnav').off

javascript - AngularJS - 如何处理 ng-repeat 与预先存在的项目

我正在尝试将ng-repeat用于列表。但我想要使用Django呈现的预先存在的列表项。注意:我已将{[{}]}设置为我的AngularJSInterpolateProvider。HTML示例{%foriteminexisting_list%}{{item.firstName}}{{item.lastName}}{%endfor%}{[{item.firstName}]}{[{item.lastName}]}现在,我想使用ng-controller处理这些项目app.jsfunctionListController($scope){$scope.items=[{firstName:"B

javascript - AngularJS 选择 ng-change 函数找不到选定的模型

我在处理一些基本的Angular数据绑定(bind)时遇到了问题。我的看法:AllPersons我的Controller:$scope.testdataset=[{name:"bill"},{name:"bob"},{name:"batman"}];$scope.personChanged=function(person){console.log(person);}效果很好——选择的名称已记录。Butthissimplyprints"undefined"whenanameisselected查看:AllPersonsController:$scope.testdataset=[{nam

javascript - $digest 渲染 ng-repeat 作为注释

我正在为指令编写测试,执行测试时模板(已正确加载)呈现为对于初学者来说,代码的相关部分:测试...beforeEach(inject(function($compile,$rootScope,$templateCache){varscope=$rootScope;scope.prop=['element0','element1','element2'];//Templateloading,intherealcodethisisdonewithhtml2js,inthisexample//I'mgonnaloadjustastring(alreadycheckedtheproblempe

javascript - AngularJS ng-重复条件

我有一组JS对象(例如文档中的段落),我想使用angularJS显示它们。ng-repeat似乎是我需要的指令:{{paragraph.text}}但是,我需要做的不仅仅是在此循环中显示它们的内容。我需要在之后插入分页符(仅出于视觉目的,例如:x)像素(尝试所见即所得文档)。我的问题:是否可以有某种条件逻辑来计算前面的段落垂直使用了多少像素,如果大于x,插入一个分页符div并重置计数器?非常感谢任何帮助/建议/方向。 最佳答案 我认为你可以使用ngClass{{paragraph.text}}检查条件$scope.checkCond