草庐IT

ng-bootstrap

全部标签

javascript - 将 Bootstrap 工具提示设置为 AJAX 调用结果

我有一个bootstrap我想从AJAX请求加载数据的工具提示,请求中的文本是工具提示的title属性。我的AJAX请求工作正常,但我有两个问题:为什么来自AJAX调用的数据没有进入工具提示?如何使用我的ttManager对象来封装工具提示的状态?目前,当页面首次加载并且我在控制台中单击#btnSubmit时,我看到成功并且来自console.log(ttManager)行的正确数据$(document).ready(function(){//thisobject'stitleattributewillbethevalueofttManager.titleseenbelowvarttM

javascript - Bootstrap 按钮超链接

我不想使用元素将按钮转换为超链接。我有以下按钮:FirstbuttonSecondbutton如何指定超链接(不使用)并在单击按钮时浏览到页面 最佳答案 您可以将JavaScript用于您的解决方案。window.location.href设置按钮的URL。Firstbutton 关于javascript-Bootstrap按钮超链接,我们在StackOverflow上找到一个类似的问题: https://stackoverflow.com/questions

javascript - 多维数组的嵌套 ng-repeat

我正在尝试使用ng-repeat指令在html中显示二维数组。我可以显示第一个维度(表格行),但第二个维度(表格数据)不起作用。我见过很多使用对象、JSON、键值数据结构的解决方案……但我找不到仅适用于包含其他数组的数组的方法。以下是一些不成功的尝试。HTML:(无效)HTML:(不起作用)JS:vargrid=angular.module("grid",[]);grid.controller("gridCtrl",function($scope){$scope.grid=[[empty,empty,empty,empty,empty],[empty,empty,empty,empty

javascript - Rails 4 - jQuery 和 bootstrap 的顺序是什么?

我正在尝试弄清楚如何在我的application.js中加载Assets。我的application.js中有这些必需的文件(以及其他文件)。//=requirebootstrap-sprockets//=requirejquery//=requirejquery-ui//=requirejquery_ujs我的gem文件有:gem'jquery-rails'gem'jquery-ui-rails'当bootstrap-sprockets在jQuery之前时,我的bootstrap下拉菜单(如下)工作正常。STATUS:"padding-left:20px;padding-right:

javascript - 模态是 bootstrap4 alpha6 模态的转换错误

我正在使用bootstrap4alpha6Modal,我得到:Error:Modalistransitioning当我尝试通过JavaScript函数再次使用动态数据重新触发相同模式时会发生这种情况,如下所示:functionopenModal(title,text){$('.modal-title').text(title);$('.modal-bodyp').text(text);$('#modalAlert').modal('show');}我尝试使用setTimeout函数,但没有像本文中那样工作:https://github.com/twbs/bootstrap/issues

javascript - 带有 ng-switch 的 Angular 形式

当我得到一个名称来deform时,我试图从Controller的范围中得到一个表单对象。它工作正常,但如果我使用ng-switch创建表单,则该表单永远不会显示在范围内。ViewForm1Form2ShowscopeControllerapp.controller('MainCtrl',function($scope){$scope.type=1;$scope.showScope=function(){console.log($scope);};});如果我删除ng-switch,我可以从$scope中看到属性“theForm”作为表单obj。知道怎么做。我不想让这两种形式具有不同的名

javascript - ng-include 中的指令

我正在构建一个简单的angularjs应用程序,我正在尝试在不刷新页面的情况下实现登录。我在做什么在初始化时,ng-include加载/set/save。/set/save得到了LoginwithFacebook在里面。因此,当单击该指令时,它会打开一个窗口,当该窗口关闭时,它应该更改ng-include的src。问题当指令在ng-include中使用时(ng-includesrc在init上有默认值),没有任何反应(控制台中没有错误,什么都没有),但是当我将指令放在ng-include之外时它正在工作很好(见下面的HTML代码)HTML:........testCase//^this

javascript - 如何在不首先闪烁第一个选项卡的情况下加载以在页面加载时显示 Bootstrap 选项卡?

我有一个看起来像这样的导航栏:PersonalInfoContacts/SiblingsState/FederalEthnicityPlacementMedicalSchoolRelease我有一些设置正确事件选项卡的javascript代码:$(document).ready(function(){varhash=window.location.hash;if(hash){varselectedTab=$('.navlia[href="'+hash+'"]');selectedTab.trigger('click',true);}});上面的代码运行良好(忽略.trigger()的第

javascript - 使用 AngularJs ng-repeat 对项目详细信息进行分组

我想在ng-repeat中按函数执行分组给定以下数据:varitems=[];items.push({id:1,widgetId:54,colorId:45});items.push({id:2,widgetId:54,colorId:72});items.push({id:3,widgetId:54,colorId:29});items.push({id:4,widgetId:55,colorId:67});items.push({id:5,widgetId:55,colorId:29});items.push({id:6,widgetId:56,colorId:29});items

javascript - ng-repeat 中的新元素动画

我正在使用具有某种风格的ng-repeat,我将向数组中添加新元素。这就是我所做的://Codegoesherevar_app=angular.module("userApp",[])_app.controller("usrController",function($scope){$scope.usrList=[];$scope.adduser=function(){console.log($scope.newUsr)$scope.usrList.push({name:$scope.newUsr})}})/*Stylesgohere*/.listItem{border:1pxsolid