草庐IT

angularjs-bootstrap

全部标签

javascript - 带有文件上传的 AngularJs Ajax POST 表单

我正在尝试设置一个表单,以使用ajax请求提交给已经使用Ajax构建的api。由于某种原因,文件只是不想传输到系统,尽管已经构建了一个后端来处理这个问题,并且它工作正常。根据我在此处找到的教程,我的服务看起来像这样:http://badwing.com/multipart-form-data-ajax-uploads-with-angularjs/addActivity:function(url){return$http({method:'POST',url:REQUEST_URL+'Volunteering/AddActivity?token='+token+url,headers:

javascript - AngularJs 中的隐藏字段

如何以Angular访问隐藏字段?我有一个应用程序,我想为列表中的每个项目提交一个表单。表单很简单——它有提交按钮和一个保存ID值的隐藏字段。但它不起作用。该值为空。我更新了默认Angular示例以显示情况-待办事项文本位于隐藏字段中。http://jsfiddle.net/tomasfejfar/yFrze/ 最佳答案 如果您不想在javascript文件中硬编码任何内容,您可以通过AJAX加载它,或者执行以下操作:这样,你可以在关闭JS的情况下保持表单功能,并且仍然使用AngularJS中的隐藏字段

javascript - 在 AngularJS 中初始化时将全局函数和数据附加到 $rootScope

我希望在我第一次启动AngularJS应用程序或每次刷新页面时调用一个“全局函数”。此函数将使用$http.get()调用我的服务器以获取使用我的应用程序所需的全局信息。我需要在此函数中访问$rootScope。在那之后,只有在这个请求完成之后,我才使用app.config和$routeProvider.when()来加载好的Controller。app.config(['$routeProvider',function($routeProvider){$routeProvider.when('/',{/**/});}]);我不希望应用程序在此操作完成之前执行某些操作。所以我想我必须使

javascript - 在没有 DOM 操作或 jQuery 的情况下,如何在 AngularJS 中制定指令来验证电子邮件或密码确认?

我想在AngularJS中创建一个密码/电子邮件确认指令,但到目前为止我看到的所有指令都依赖于大量DOM戳或拉入jQuery。如果可以的话,我只想依赖$scope属性。最好的方法是什么? 最佳答案 在查看了实现此类指令的众多有用方法之后,我想出了如何在不进行DOM操作或使用jQuery的情况下实现它。这是一个Plunkthatshowshow.它涉及使用:两个输入字段的$scope上的ng-model属性$parse(expr)(scope)和一个简单的scope.$watch表达式——根据添加匹配属性指令的控件的$modelVal

javascript - 你如何将 headroom.js 与 Bootstrap 3 导航栏一起使用?

我找到了这个JavaScript小部件http://wicky.nillia.ms/headroom.js/我想在使用Bootstrap3的Web应用程序中使用它。它似乎不起作用。有什么建议或例子我应该做什么?我目前在导航栏上使用navbar-fixed-top。我尝试过使用和不使用它,但它仍然无法正常工作。我可以看到应用于页眉的headroom.js类,但对UI元素没有影响。已解决你需要添加这个样式。.headroom{position:fixed;top:0;left:0;right:0;transition:all.2sease-in-out;}.headroom--unpinn

javascript - 在 bootstrap-datepicker 中将日期设置为最初为空

我正在使用bootstrap-datepicker在我的网站上。日期选择器将用于定义搜索过滤器。我需要datepicker输入元素的初始值为空,所以不会引入搜索结果的日期过滤器。当用户点击链接到日期选择器的文本输入时,日期选择器弹出框应该选择下个月的第一天。问题:如果我要设置初始日期(如下所示),文本输入将填充今天的日期,这不是我想要的。但是,如果我不设置初始日期,日期选择器将显示1970年代。我该怎么办?类似于:jQueryUIDatepicker的演示JS代码varnow=newDate();varnextMonth=newDate();nextMonth.setDate(1);n

javascript - Bootstrap 3 Popover : display on hover AND on click, 又名。固定弹出框

使用悬停触发器可以正常显示弹出窗口。通过click触发器显示弹出窗口效果很好。现在,当鼠标悬停在触发图像上时,如何让弹出框出现,但如果用户单击图像,取消悬停并启动点击切换?换句话说,悬停显示弹出窗口并单击“固定”弹出窗口。HTML非常标准:User还有popover初始化,更无聊:$(function(){$("[rel=popover]").popover();});据我目前所见,解决方案似乎是一组很好的复杂的popover('show')、popover('hide')和popover('toggle')调用,但我的javascript/jQuery-foo不能胜任这项任务。编辑:

javascript - 单击外部时如何关闭 Angular-bootstrap 弹出窗口

这个问题在这里已经有了答案:HideAngularUIBootstrappopoverwhenclickingoutsideofit(12个答案)关闭7年前。我试图在点击弹出窗口外的任何地方时关闭我的Angular-bootstrappopover。根据对这个问题的回答,现在可以通过使用新的popover-is-open属性来完成(在版本0.13.4中):HideAngularUIBootstrappopoverwhenclickingoutsideofit目前我的HTML看起来像这样:...和我相关的Controller代码:vm.togglePopover=false;vm.ope

javascript - 如何使用 AngularJS 延迟加载非 Angular JavaScript 文件?

是否可以从AngularController加载普通的旧JS或AMD模块?我以前为此使用过RequireJS。我以前在一个相当大的项目中使用过AngularJS和RequireJS。我正在开发一个基于MEANStack种子的新项目,这不使用requireJS。我不是很清楚,但是Angular有一个加载模块的系统——我可以从我的AngularController中加载一段特定的javascript吗?有没有办法修改我的module()声明以包含额外的常规javascript文件?谢谢!编辑:为了让您对我正在做的事情有一些了解,我有一个页面可以编辑几种不同的表单。这些中的每一个都作为“表单

javascript - 隐藏输入和 AngularJS ng-model 绑定(bind)

我想在添加数量时使用AngularJS来计算产品的总价。我有如下代码:TotalPrice:{{TotalPrice}}AddItems在我的Controller中,我有:$scope.TotalPrice=$scope.Price*$scope.Quantity;我知道Angular不支持隐藏,但我正在寻找解决问题的最佳实践。请考虑按钮不是用于计算TotalPrice而是发送最终结果。我希望它实时更新。 最佳答案 在你的情况下,因为你只想使用演示:Fiddle 关于javascript