Tag: angularjs

Angularjs筛选器不为null

试图过滤掉某些非null属性的项目所以： var details = [{name:'Bill', shortDescription: null}, {name:'Sally', shortDescription: 'A girl'}] 我想只显示一个李; 萨莉之一。 这是我尝试过没有成功的 <ul> <li ng-repeat="detail in details | filter:{shortDescription:'!'}"> <p>{{detail.shortDescription}}</p> </li> </ul> 任何想法如何我可以做到这一点，而不创build自定义filter？ 甚至如此，自定义filter会是什么样子？

AngularJS视图不更新模型更改

我想弄清楚Angular是如何工作的，并且在模型更改的时候遇到了更新视图的问题。 HTML <div ng-app="test"> <p ng-controller="TestCtrl"> {{testValue}} </p> </div> JS var app = angular.module('test', []); app.controller('TestCtrl', function ($scope) { $scope.testValue = 0; setInterval(function() { console.log($scope.testValue++); }, 500); }); http://jsfiddle.net/N2G7z/ 有任何想法吗？

在AngularJS中设置电话号码和信用卡号码

问题一（格式化电话号码）： 我不得不在AngularJS中格式化一个电话号码，但是没有filter。 有没有办法使用filter或货币格式10位数字(555) 555-5255 ？ 仍然保持字段的数据types为整数？ 问题二（掩盖信用卡号码）： 我有一个映射到AngularJS的信用卡字段，如： <input type="text" ng-model="customer.creditCardNumber"> 这是返回整个号码（ 4111111111111111 ）。 我想用xxx前12个数字掩盖它，只显示最后4.我想使用filter：限制这个，但我不清楚如何。 有任何想法吗？ 有没有办法使用破折号格式化数字，但仍保留数据types为整数？ 4111-1111-1111-1111 。

AngularJS会忽略HTTP标头中的Set-Cookie

我正在处理基于客户端上的AngularJS和我的API（服务器端的Tomcat + Jersey）的Java应用程序。 我的API的某些path是受限制的，如果用户没有会话，则返回的响应状态是401.在客户端，截获401 http状态以将用户redirect到login页面。 一旦用户通过身份validation，我在服务器端创build一个会话 httpRequest.getSession（真）; 并且发送给客户端的响应在其头部中具有Set-cookie指令： 设置Cookie：JSESSIONID = XXXXXXXXXXXXXXXXXXXXX; 域本地主机=; path= / API /; 仅Http 问题是cookie不会放在客户端。 当我检查cookie的localhost域是空的，所以下一个请求没有这个cookie的头，客户端仍然无法访问我的API的受限制的path。 客户端和服务器在同一个域中，但它们没有相同的path和相同的端口号： 客户端： http://localhost:8000/app/index.html 服务器： http://localhost:8080/api/restricted/ 附加信息：在两侧启用CORS： “Access-Control-Allow-Methods”，“GET，POST，OPTIONS” “Access-Control-Allow-Origin”，“*” “Access-Control-Allow-Credentials”，true 任何想法使Set-Cookie正常工作？ 这是一个AngularJS相关的问题？

AngularJS中的configuration文件

什么是创buildconfiguration文件（类似于.net中的webconfiguration）的最佳方式，用于存储url以及在应用程序部署期间可能会有所不同的其他常量？

如何在使用茉莉花进行unit testing时在AngularJS中模拟一项服务？

比方说，我有一个服务shop ，取决于两个有状态的服务schedule和warehouse 。 如何将不同版本的schedule和warehose注入unit testing的shop ？ 这是我的服务： angular.module('myModule').service('shop', function(schedule, warehouse) { return { canSellSweets : function(numRequiredSweets){ return schedule.isShopOpen() && (warehouse.numAvailableSweets() > numRequiredSweets); } } }); 这是我的嘲笑： var mockSchedule = { isShopOpen : function() {return true} } var mockWarehouse = { numAvailableSweets: function(){return 10}; } 这是我的testing： expect(shop.canSellSweets(5)).toBe(true); expect(shop.canSellSweets(20)).toBe(false);

AngularJS模板中的条件逻辑

我有一个angular模板，看起来像这样… <div ng-repeat="message in data.messages" ng-class="message.type"> <div class="info"> <div class="type"></div> <div class="from">From Avatar</div> <div class="createdBy">Created By Avatar</div> <div class="arrowTo"> <div class="arrow"></div> <div class="to">To Avatar</div> </div> <div class="date"> <div class="day">25</div> <div class="month">Dec</div> </div> </div> <div class="main"> <div class="content"> <div class="heading2">{{message.title}}</div> <div ng-bind-html="message.content"></div> </div> </div> <br /> <hr /> <br /> </div> 我build立了一个JSfiddle来显示绑定的数据。 我需要做的是根据数据的内容，有条件地制作“从”，“到”和“箭头到”div。 日志是这个… 如果数据中有“from”对象，则显示“from”div并绑定数据，但不显示“createdBy”div。 如果没有“from”对象，但有一个“createdBy”对象，则显示“createdBy”div并绑定数据。 […]

如何在浏览器中debuggingangularjs的$ rootScope对象

在浏览器中加载时，是否有一种方法可以debuggingangularjs应用程序？ 即。 我希望得到我当前应用程序的$rootScope 。 我该怎么做？

AngularJS和networking工作者

angularJS如何使用web worker在后台运行进程？ 这样做有什么模式吗？ 目前，我正在使用一个在单独的networking工作者有模型的服务。 这个服务实现如下的方法： ClientsFacade.calculateDebt(client1); //Just an example.. 在实现中，这个方法用数据发送一条消息给worker。 这使我能够抽象出它在一个单独的线程中执行的事实，并且我还可以提供一个针对服务器甚至是在同一个线程中执行此操作的实现。 由于我是新来的JavaScript，我只是从其他平台回收知识我不知道这是你会做什么，或者Angular这是我正在使用，提供了一种这样做的方式。 同时这也引入了我的架构的变化，因为工作人员必须将更改显式地推送给控制器，控制器然后更新其值，然后这反映在视图中，我是否过度工程？ networking工作者不让我共享内存等，“保护”我不会因为搞砸而感到有点沮丧。

有angular的ui路由器滚动到顶部，而不是ui-view

我刚刚从0.2.0升级到ui-router 0.2.8 ，我注意到当状态改变时，滚动位置跳转到新状态主题的子ui-view顶部。 这很好，但我有两个问题： 1）我有页面顶部和ui-view之间的30px填充，我希望它滚动到页面的顶部，留下一个空白。 目前它正好到了看起来丑陋的ui-view的顶端。 为了实现这一点，我想我需要知道如何让它滚动到$uiViewScroll视图所在的div的顶部（而不是浏览器viewport ），或者我需要找出如何覆盖$uiViewScroll滚动到ui-view减去30px。 我已经尝试$uiViewScrollProvider.useAnchorScroll(); 但如果我这样做，它不会滚动。 我也试过<ui-view autoscroll="false">; ，这也完全停止了滚动。 2）目前实际上没有滚动，只是跳跃。 它是否假设滚动或是由开发人员做到这一点与CSS转换？ 任何帮助真的不胜感激:)