草庐IT

ng-bootstrap

全部标签

javascript - jQuery 分页 + Twitter Bootstrap

我正在尝试修改Jquery分页(basedonthisJquerypaginationtutorial-demo)以使用很棒的TwitterBootstrap。TwitterBootstrap的标准分页设置如下所示,因此这是分页输出结构的目标。←Previous12345Next→到目前为止,我可以通过更改html输出结构来使其工作,但事件突出显示无法正常工作,因为我更改了的输出。到标签。ThisiswhereIamstucknowATM!我还需要做以下事情:禁用prev按钮,当在第一页时更改事件页面更改时禁用next在最后一页时的按钮修复prev按钮使其再次工作修

javascript - Angular : Providing methods to ng-model

我最近开始学习Angular。我想将一个方法传递给ng-model或一个可能计算为1的表达式。在这个fiddle中http://jsfiddle.net/C4aGk/你会看到我已经将该字段硬编码为ng-model="record.inner[0].text"并且它有效,现在问题是,我想替换硬编码零,带有在运行时返回的内容,由标准选择id=1。我的HTML代码:{{record.outer}}{{nested.id}}-{{nested.text}}以及对应的js:functionMainController($scope){$scope.records=[{outer:"Hello",

javascript - 第一次尝试时未显示崩溃中的 Bootstrap 下拉菜单

我在导航折叠中有一个下拉菜单。当我减小窗口的宽度(例如:700像素)时,导航栏会正确折叠,然后我单击btn-navbar以取消折叠它,然后我单击下拉菜单,但它不会下拉,菜单会不显示。如果我再次折叠并取消折叠,下拉菜单将开始工作。当窗口的宽度从一开始就很小时,也会发生同样的情况。就像折叠部分的高度在一开始是固定的,它不让下拉菜单做它的事情。ProjectnameAnonymousLoginRegisterBootstrapv2.2.0火狐16.0.2 最佳答案 许多人将此报告为存储库中的错误(例如Issue#5671、Issue#58

javascript - Bootstrap Slides 在使用 Angular 6 使用多项目轮播时滞后

我的问题是我正在为多项目轮播使用Angular6、Bootstrapv4和jQuery。如果我在轮播上有[1,2,3,4,5,6]这样的数据,它必须显示[1,2,3]。按下一步后它必须显示[4,5,6]。在我完成这一部分之前,我遇到了一些问题。只有第一张事件卡在移动,也有滞后,上一个和下一个按钮不可见。请检查一次Stackblitz文件,您将了解问题这是我在Stackblitz中的工作https://stackblitz.com/edit/angular-jvr6dhHTML代码InformationCard1Thisisalongercardwithsupportingtextbel

javascript - AngularJS:在每次按键时使用动态 ng-model 模糊更新输入

jsFiddle演示问题:http://jsfiddle.net/yoxigen/xxTJc/我正在构建一个小表单来编辑一个对象的所有属性。为此,我有一个用于属性的中继器。每个属性都有其输入:{{value}}每次在输入中按下一个键时,它旁边的值都会正确更新,但输入会失去焦点。知道如何解决这个问题吗? 最佳答案 IwishtherewasawaytopostponetheregenerationuntilI'mdoneediting.你也许可以做到这一点。只需制作一个自定义指令即可消除AngularJS事件并改为收听“更改”。以下是

javascript - 将当前 HTMLElement 传递给 ng-click

是否可以将HTMLElement传递给在Controller上配置的ng-click?下面是一些示例代码:{{item.name}}Controller:function($scope){$scope.items=[{name:'Bilbo',id='Bilbo'},{name,'Frodo',id='Frodo'},{name:'Pippin',id='Pippin'},{name:'Merry',id='Merry'},{name:'Sam',id='Sam'}];$scope.handleThisElement=function(element){alert(element.id

javascript - Handlebars.js 和 Bootstrap 网格 - 将列换行

我相信我需要一个自定义的Handlebars.jsBlockHelper来处理基于Bootstrap的网格系统中的行。我希望每3件元素都包装在中期望的输出.........模板:{{#employees}}{{name}}{{title}}{{skills}}{{/employees}}数据vardata={"employees":[{"name":"FredFlintstone","title":"FrontendDeveloper","skills":"html,css,javascript"},{"name":"SallyStruthers","title":"FrontendD

javascript - ng-flow 以编程方式上传

我目前正在使用ng-flow执行文件上传。似乎选择文件的默认操作是立即上传。我想覆盖它,以便选择文件并仅在单击按钮时上传。也许我误读了文档,但到目前为止我有以下内容:InputOROtherelementasuploadbuttonUploadFile{{$index+1}}{{file.name}}{{file.msg}}这似乎有效,我可以看到网络请求发出。我找到了flow.jsuploadfileonclick并尝试遵循建议的答案,但是$flow在相应的函数中未定义。那么,如何使用ng-flow以编程方式上传文件? 最佳答案 首

javascript - Angularjs input[placeholder] 指令与 ng-model 中断

所以第一天开始使用angularjs,我不太明白。我正在尝试使用AngularDirective(指令)模仿html5占位符。在我向该字段添加ng-model之前,它完全有效,然后它仅在用户与该字段交互并破坏该字段的任何值后才有效。代码在这里http://jsbin.com/esujax/32/edit指令App.directive('placehold',function(){return{restrict:'A',link:function(scope,element,attrs){varinsert=function(){element.val(attrs.placehold);

javascript - 如何在 Angular UI Bootstrap Pagination 中生成链接

我一直在继续学习angular,现在已经成功地使用了angularuibootstrap分页。我能够显示项目列表以及正确的页数。每当我点击分页时,也会切换到正确的页面。现在我的问题是,如果用户想要为某个页面添加书签,或者确保用户在刷新浏览器时都停留在同一页面上,我该怎么做。浏览器的地址栏上没有生成任何链接(href)。我还需要设置路线吗?能否请您发布一些示例,因为它会对我有很大帮助。谢谢。 最佳答案 你需要设置路线,你可以使用routeProvider来完成或uirouter在这个例子中,我使用路由提供者来演示,但是思路是一样的。这