Tag: angularjs

如何防止ng-click在标签标签上触发两次?

当我单击其中包含输入的标签时,Agnular的ng-click会触发两次。 我试过$event.stopPropagation(); 但是没有用,怎么解决这个问题: 我也检查了这个问题: 标签上的Angular.js ng-click事件被触发两次 {{item.name}}

TypeError:无法读取未定义的JavaScript属性’push’

我正在使用此Angular项目,用户提交评论表单,新评论将添加到已发布的评论中。 这是我的代码。 .controller(‘productCtrl’, function($scope, $http, $routeParams, Page){ $scope.product = {}; $scope.review = {}; $scope.comments = {}; routeparm = $routeParams.param; $scope.review = function(){ var review_box = $scope.review_form.review_box; $http.post(‘./comment.php’, { comment : review_box, code: routeparm }) .success(function(data){ $scope.comments.push(data.comments); $scope.review.review_box = ”; }) .error(function(data){ $scope.has_error = true; $scope.error_message = data; }) }; 但是,当我尝试添加注释时,我收到以下错误。 TypeError: Cannot read property ‘push’ […]

如何将Angular承诺转换为jquery延迟对象

我想将我的模块/ sdk中的promises返回给非角度javascript。 例如,如果我向jquery返回promise,我应该发送jquery延迟对象。 如何将Angular承诺转换为jquery promise / deferred obj。 任何建议都非常感谢。

如何获得当前日期时间

如何在angularjs获取当前日期和时间 我尝试过以下方法: {{Date.Now}} 但它不起作用。 任何建议,将不胜感激。

防止退格在AngularJS中导航回来

我在AngularJS webapp中遇到了这个问题。 当用户输入带有要填写的表单的页面并且他开始键入时,如果他按下退格键并且焦点不在输入文本上,则页面将进入先前状态。 我使用jQuery查找了这个解决方案 ,但它似乎不适合在AngularJS中实现这一点。

在angularjs和jade中使用无限滚动

我在我的仪表板web应用程序中使用angularjs无限滚动 。 我有一个页面,其中包含多个无限可滚动的小部件。 因为我希望每个都有一个无限滚动,所以我决定使用这个指令,但不知怎的,它没有按预期工作。 我希望无限滚动相对于内部内容div滚动条工作,它使用完美的滚动条而不是主浏览器窗口。 我在谷歌搜索并发现多个线程解释2个新变量,可用于更改默认行为: infinite-scroll-container和infinite-scroll-parent 。 我试过了,但没有一个能为我工作。 我认为使用完美滚动条会产生问题。 玉代码: .hor-col(ng-repeat=”stream in socialStreams”) .box-body(style=’min-height: 400px;’) perfect-scrollbar.timeline-scroller(wheel-propagation=”true” wheel-speed=”1″ min-scrollbar-length=”8″ suppressScrollX=”true” id=”streamScroll-{{$index}}”) div(infinite-scroll=”loadMorePosts(stream[‘streamId’], stream[‘endCursor’])”, infinite-scroll-disabled=”stream[‘infiniteScrollDisabled’]”, infinite-scroll-container=”‘#streamScroll-{{$index}}'”) 由于有多个小部件,我不能对无限滚动容器使用相同的id或类,因此决定生成动态id。 如何在无限滚动容器中注入动态类? 我收到以下错误: 错误:无法在’Document’上执行’querySelector’:’#streamScroll – {{$ index}}’不是有效的选择器。 PS我见过以下线程,但没有一个满足我的要求: https://github.com/sroze/ngInfiniteScroll/issues/57 angularjs容器中的无限滚动 AngularJS – ng-repeat分配/生成新的唯一ID

AngularJS中的lightGallery(jQuery插件)

我正在尝试使用lightGallery jQuery插件( http://sachinchoolur.github.io/lightGallery/index.html )与AngularJS一起使用。 我发现一些答案表明我需要一个指令,所以我创建了以下内容: .directive(‘lightGallery’, function() { return { restrict: ‘A’, link: function(scope, element, attrs) { jQuery(element).lightGallery(); } }; }) 然后在我看来我这样做: (我也试过 )当我运行页面时,当我点击任何缩略图时没有任何反应。 我可以在链接function中放置一个alert() ,然后显示。 如何让AngularJS与jQuery和这个插件一起玩? 更新: 经过一些调试后,似乎在模型绑定到视图之前执行了jQuery(element).lightGallery() 。 那么问题就是如何在一切都被约束而不是之前得到一个指令来被调用。

仅将AngularJS用于路由目的

我刚刚被分配了一个完全用jQuery制作的网站。 它异步加载几页,并希望成为SPA。 现在唯一的事情是开发人员一般不会考虑URL,除了www.example.com之外,人们无法以任何其他方式访问网站 我知道AngularJS,我的问题是: – 是否值得集成AngularJS来管理路由,这样我就不必通过jQuery并检查每一次点击,然后每个链接? 谢谢

使用angularjs创建一个Windows通用应用程序

如何使用angularjs创建一个Windows通用应用程序? 我使用visual studio创建了一个通用的Windows应用程序,添加了角度脚本(出于测试目的,我尝试了不同的方式与bower,手动和nuget)并始终得到“无法添加动态内容”。 搜索到这一点,我发现了很多链接试图解释如何解决这个错误,例如: http : //blog.kadople.com/2013/06/getting-started-with-angularjs-in.html 。 但这一切似乎都非常丑陋或根本不起作用 – 至少不适用于Windows通用应用程序。 提到的链接的演示应用程序正在工作,但涉及在jquery代码中添加execUnsafeLocalFunction的黑客攻击,这是我真的不想做的事情。 而且我认为这应该与jquery版本> = 2.0一起使用 – 但好吧,事实并非如此。 我们怎样才能使这个应用程序“普及”? ;)

AngularJS和jQuery冲突

我用AngularJs和jQuery编写了一些代码。 只有一件事可行,AngularJs或jQuery。 似乎jQuery和AngularJs相互冲突。 只要我包含这两个库,它们就不再正常工作了。 如果我只包含其中一个(AngularJS或Jquery),那么该部分可以工作。 但我不知道问题出在哪里:…… $(document).ready(function () { $(‘#Text’).focus(); $(document).on(“mouseover”, “.englishMtg”, function () { var currentHref = $(this).attr(“href”); if (currentHref.indexOf(“http”) == -1) { var changedLink = currentHref.match(/[^\/?#]+(?=$|[?#])/); var englishSearchString = “…/query?q=”+changedLink.toString().replace(‘.jpg’, ”).split(‘,’)[0]; $(this).attr(“href”, englishSearchString); } }); $(document).on(“mouseover”, “.germanMtg”, function () { var currentHref = $(this).attr(“href”); if (currentHref.indexOf(“http”) == -1) { var changedLink = currentHref.match(/[^\/?#]+(?=$|[?#])/); […]