草庐IT

angularjs-bootstrap

全部标签

javascript - AngularJS - 如何向服务器上的 Controller 提交表单?

AngularJSsite上的食谱表单示例只在客户端保存状态。如何提交到服务器?或者,如何在ng:click="save()"函数中的表单上使用jQuery的form.submit()?编辑-找到了2种方法来做到这一点(我还删除了我之前粘贴的HTML标记-只需引用高级表单cookbook示例的源代码)http://webpac2.rot13.org:3000/conference/Work(由DobricaPavlinusic编写)以AngularJS的方式使用资源将数据以JSON格式发送到服务器。我在服务器端遇到了问题-AngularJS发送它很好,但grails正在处理它(根据Fi

javascript - AngularJS动态页面标题保持先加载大括号

{{$root.pageName}}-DomainName我正在尝试动态更改页面标题,当页面加载标题预加载时{{$root.pageName}}-DomainName而不是-DomainName然后在呈现时加载$rootScope.pageName。有没有办法隐藏{{$root.pageName}}在页面加载时显示,直到应用程序获取变量? 最佳答案 你可以这样做:Yoursite请注意,在这种情况下,标题位于$rootScope上。编辑:刚刚测试过,看起来破折号一直在显示,但这应该可以阻止它:Yoursite

javascript - 如何从 javascript 函数中显示 Bootstrap 模式?

我的页面上有一个按钮,当它被按下时会触发一些javascript函数,其中一个javascript函数会打开Bootstrap模式,但我似乎无法让它工作。这是我的代码...请帮助。//elsewhereontheformisthebuttonthattriggersthejavascriptYes,cancelitxCancelPurchaseOrder?Yes,cancelitNevermind$('.btn-danger').click(function(event){if(somerandomconditionalstatement){//somestuffhappenshere

javascript - AngularJS 如何在 2 个或更多 Controller 中解析对 $scope 变量的调用?

Here,作者提到the$scopeobjectusedbythetwocontrollersarenotthesame$scopeobject同样的片段:现在考虑对上面的代码做一点修改。{{data.theVar}}{{data.common}}{{data.theVar}}{{data.common}}{{temp}}{{newTemp}}varmodule=angular.module("myapp",[]);varmyController1=module.controller("myController1",function($scope){$scope.data={theVa

javascript - 更改 View 时如何从 AngularJS 调用 JQuery 函数

我是AngularJS的新手,在执行jQuerycustomcontentscroller时我遇到了一个问题进入我的应用程序。我需要更新滚动条,当我用Angular更新内容时,滚动条有一个update方法。我的问题是,我不知道在哪里调用它。内容的标记如下:...我试图在Angular的$http.post的成功分支中调用更新方法:$scope.relatedItems=$http.post($scope.url,{'filterType':'related','film':id}).success(function(){$(".nice-scrollbars").mCustomScro

javascript - Bootstrap 4 可折叠卡片 - 断断续续的动画

我正在使用Bootstrap4并创建了一张带有.card-header和.card-block的卡片,如下所示:cardheadercardblock我希望能够单击卡片标题来切换卡片block。我试过使用Bootstrap的折叠机制(您会注意到卡片标题中的data-toggle="collapse")。它有效-但动画非常不稳定。我不知道为什么。Here'sanexampleoncodepen. 最佳答案 延迟问题:问题是.card-block类,它默认添加了1.25rem的填充。如果您从div#test-block中删除类card-

javascript - AngularJS 变量之间的绑定(bind)

我有一个从我的服务中检索到的用户列表。当我选择任何用户时,我可以查看和编辑信息(电子邮件、Angular色等)。问题是我不希望这些更改影响列表中用户的数据,我只想在保存后更新数据(单击按钮)。现在我使用两个变量:$scope.selected-当前选择的用户$scope.editable-用于存储我正在编辑的数据的变量我这样交换数据:$scope.initEditable=function(){$scope.editable={};$.extend($scope.editable,$scope.selected);}看起来是个糟糕的解决方案。正确的做法是什么?

javascript - 使用 controllerAs 的指令中的 angularjs Controller 无法工作?

我正在尝试将一些数据放入我的指令创建的范围内。这是我的jsFiddle.下面的代码运行良好.directive('directive1',function(){return:{scope:true,controller:function($scope){$scope.name='world';}}}){{name}}但是这些代码不起作用.directive('directive2',function(){return:{scope:true,controller:function(){this.name='world';},controllerAs:'testCtrl'}}){{tes

javascript - 加载时的 Bootstrap-angular-ui 模式

我正在使用bootstrap-angular-ui-modal对于我正在处理的网站。我用来打开模态的代码$modal.open({templateUrl:'/home/template',controller:myCtrl,resolve:{data:function(){returndata;}}});一切正常。但是我需要找到一种方法来在加载模态后执行一些代码。我尝试了不同的东西,但无法使它们起作用。我尝试过的一些事情在我做的模板中document.onload=function(){console.log('opened');};我还发现名为openned的Angular模态对象有

javascript - 将 bootstrap popover 保持在视口(viewport)内

我正在尝试使用带有按钮的侧边栏创建一个菜单,每个按钮都有一个包含相关数据的指定弹出窗口。不幸的是,其中一个弹出窗口可能包含任意数量的行,并且在某些情况下它可能部分位于视口(viewport)之外。参见http://jsfiddle.net/bfd9f/1/有关问题的示例(单击“任务”按钮)我想我可以通过编程将弹出窗口的顶部更改为一个定义的值,当负值(即在视口(viewport)之外)时,为了做到这一点,我已经设法在收听show.bs.popover事件。不幸的是,我认为由于它尚未呈现,它的大小似乎为(23,107),而它应该类似于(300,xxx)并且位置为(0,0)。有没有办法解决这