草庐IT

angular-bootstrap-calendar

全部标签

javascript - Material Angular 无限滚动与 $http 请求

我正在使用AngularMaterial的md-virtual-repeat指令来实现无限滚动,我需要将其替换为demo$http请求的$timeout函数。但我无法找到正确的解决方案。在下面的代码中,无限滚动工作正常但不显示来自http请求的数据。问题是我不知道如何将$http结果绑定(bind)到infiniteItems。Here是plunker。Index.html{{item.id}}JS:(function(){'usestrict';angular.module('infiniteScrolling',['ngMaterial']).controller('AppCtrl

javascript - Angular ui.router 默认页眉页脚

当谈到ui.router模块时,我可以想到三种不同的方法来为每个View设置默认页眉和页脚:DEFAULTHEADERDEFAULTFOOTER1。ng-include-将页眉/页脚附加到初始.html文件(index.html)。1.1。将代码粘贴到index.html2。使用指令解析页眉和页脚。主页.htmlfooterDirective.jsmodule.directive('footer',function(){return{restrict:'E',replace:true,templateUrl:"footer.html",controller:['$scope','$fi

javascript - 为什么 Angular AJAX 请求在 chrome 网络选项卡中两次可见

我刚刚注意到,当我发出Angular(1.4.8)AJAXPOST请求时,它在chrome网络选项卡中可见两次(第一次(355B)作为angular.js:10765和第二个(812B)作为other其中第一个看起来像请求,第二个看起来像响应-只有第二个包含响应数据)。我使用jQuery发出了相同的请求,它显示为单个请求(812B)。代码:returnfunction(id){vardeferred=$q.defer(),data={id:id||null,range:tbDateRange.get(true)};/*TODO-REMOVE*/$.ajax({method:'POST'

javascript - Angular 指令/子指令嵌入在 ng-repeat 中

问题是子指令绑定(bind)到父指令,但是语法{{name}}被ng-repeat忽略。实现这一目标的正确方法是什么?HTML(主/子指令){{name}}or{{item.name}}指令angular.module('core').directive('compactSelect',[function($timeout){return{templateUrl:'modules/core/views/components/compact-select-tpl.html',bindToController:true,transclude:true,scope:{noItemSelect

javascript - Bootstrap Nav-tab 显示隐藏内容

在我为学习Rails和JS而构建的应用程序中,我想使用选项卡导航。这是我指向3个部分的选项卡导航。我现在正在寻找创建JavaScript的方法。单击选项卡并将类事件设置为单击的时如何处理此问题同时显示相应的部分?我无法执行getElementById之类的操作。所以,我需要这样的结构:$("li.presentation").on("click",function(event){...$(...).class("active");$(...).toggle();};感谢所有帮助!DetailsTagsComments章节Section1contenthereSection2conten

javascript - Angular 2 i18n 动态/即时翻译

我遵循了angular.io国际化指南(https://angular.io/docs/ts/latest/cookbook/i18n.html#!#angular-i18n)。一切正常,如果我在index.html文件中更改语言环境:document.locale='en';但我希望动态更改它,就像我们过去在AngularJS中所做的那样。我找到了几种解决方案,例如://mycomponent.component.tschangeLang(){localStorage.setItem('localeId',"es");location.reload(true);}//Ihardcod

javascript - 在 Object Angular 2 Typescript 中添加值

我正在使用Angular2(typescript)我有一个对象:obj={"cadSocios":true};我需要给它添加其他值:obj2={"name":['name1','name2'],part:['part1','part2']};我的最终目标必须是:objFinal={"cadSocios":true,"name":['name1','name2'],part:['part1','part2']};我该怎么做?inarray可以使用.push和Object吗? 最佳答案 您可以使用Object.assign函数obj={

javascript - angular 和 google analytics 集成 => ga 不是函数

我正在做一个angular(4)应用程序,但我在集成谷歌分析时遇到了问题。我目前要将谷歌分析添加到我的单页网络应用程序中。但是当我尝试检索ga函数以发送新url时,它似乎找不到该函数。这是我得到的代码:索引.hbs(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*newDate();a=s.createElement(o),m=s.getElementsByTagName(o)[0];a.asy

javascript - 内容更改时 Bootstrap 模式调整大小

我有一个包含表单的Bootstrap模式窗口。如果用户提交表单,它会通过Ajax进行验证。如果有任何错误,它会显示在模式中的表单上方(无需重新加载页面)。因此,我需要一种在内容更改时调整模式大小的方法。有什么想法吗? 最佳答案 你试过不设置div的高度吗? 关于javascript-内容更改时Bootstrap模式调整大小,我们在StackOverflow上找到一个类似的问题: https://stackoverflow.com/questions/10977

javascript - 如何强制 Angular 使用 jqlite 或手动引用 jquery 对象

我的Angular应用程序中存在不兼容的jQuery版本,我无法升级jQuery,但可以使用noConflict方法并排加载最新的jQuery版本,但我似乎找不到强制Angular的方法。js使用较新的jQuery版本。有没有这样的方法?流:…varnewjquery=jQuery.noConflict();//angularcode 最佳答案 来自thedocs:DoesAngularusethejQuerylibrary?Yes,AngularcanusejQueryifit'spresentinyourappwhentheap