Tag: angularjs

如何在AngularJS 1.x中unit testing一个filter: 你如何在Angular中testing一个filter？

隐藏在AngularJs中的可见性？: <button id="tagBtnId" name="TagsFilter" ng-show="disableTagButton">Tags</button> ng显示应用display: none或display: block属性但我想应用visibility: hidden和visibility: visible属性。

AngularJs不能访问控制器中的表单对象（$ scope）: 我正在使用bootstrap-ui更具体的模态窗口。我有一个模式的表单，我想要的是实例化表单validation对象。所以基本上我是这样做的： <form name="form"> <div class="form-group"> <label for="answer_rows">Answer rows:</label> <textarea name="answer_rows" ng-model="question.answer_rows"></textarea> </div> </form> <pre> {{form | json}} </pre 我可以看到HTML文件中的表单对象没有问题，但是如果我想从控制器访问表单validation对象。它只是输出我空的对象。这里是控制器的例子： .controller('EditQuestionCtrl', function ($scope, $modalInstance) { $scope.question = {}; $scope.form = {}; $scope.update = function () { console.log($scope.form); //empty object console.log($scope.question); // can see form input }; }); 什么可能是我不能从控制器访问$scope.form的原因？

当咕噜声build立项目时，Fontawesome不工作: 我正在使用字体库字体真棒。当项目不是用grunt构build/丑化的时候，它工作。但是当我用grunt来构build这个项目的时候，这是行不通的。我在控制台中得到这个错误：… / fonts / fontawesome-webfont.woff？v = 4.0.3 404（Not Found）我已经与yeoman搭起了这个项目。这是我在index.html中的参考 <!– build:css styles/fontawesome.css –> <link rel="stylesheet" href="bower_components/font-awesome/css/font-awesome.min.css"> <!– endbuild –> 任何想法可能是错的？更新我需要将文件夹/ bower_components / font-awesome / fonts复制到dist / fonts。这需要在grunt文件中完成。可能在“复制”选项下 copy: { dist: { files: [{ expand: true, dot: true, cwd: '<%= yeoman.app %>', dest: '<%= yeoman.dist %>', src: [ […]

Google AngularJS框架 – 值得冒险吗？: 我被要求为我们的一个客户构build一个小型Web应用程序，并认为这可能是一个尝试构buildWeb应用程序的不同框架的好机会。我们构build的大多数应用程序都基于asp.net web表单，而且我们还没有在MVC体系结构中做过任何事情，但是我渴望用合适的工具以更加结构化的方式开发Web应用程序。我一直在研究像asp.net MVC和喜欢看起来相当不错的东西，但我想知道是否有什么要说的使用像谷歌AngularJS框架的东西。如果可能的话，我仍然希望能够用c＃编写我的服务器端代码，而且我还没有研究过AngularJS足以知道这是否可能，尽pipe我假设我可以使用Web服务。有没有人有使用AngularJS开发一个应用程序的经验，如果是这样的话，怎么样，你可以指点我正确的方向一些教程？

使用AngularJS进行身份validation，使用REST API WS进行会话pipe理和安全问题: 我开始用angularJS开发一个web应用程序，我不确定所有的东西都是正确的（客户端和服务器端）。安全性基于单一login页面，如果凭证已选中，我的服务器将发回具有自定义时间有效性的唯一标记。所有其他REST API都可以通过这个令牌访问。应用程序（客户端）浏览我的入口点，例如： https : //www.example.com/home.html用户插入凭证并接收一个唯一标记。这个唯一标记使用AES或其他安全技术存储在服务器数据库中，而不是以清晰的格式存储。从现在开始，我的AngluarJS应用程序将使用此令牌对所有暴露的REST API进行身份validation。我正在考虑在一个自定义的http cookie中临时存储令牌; 基本上，当服务器validation凭证时，它会发回一个新的Cookie Ex。 app-token : AIXOLQRYIlWTXOLQRYI3XOLQXOLQRYIRYIFD0T 该cookie具有设置的安全和HTTP Only标志。 Http协议直接pipe理新的cookie并存储它。连续的请求将呈现cookie的新参数，而不需要pipe理和存储它的JavaScript; 在每一个请求，服务器使令牌失效，并产生一个新的，并将其发送回客户端 – >防止单一令牌的重放攻击。当客户端收到来自任何REST API的HTTP状态401未经授权的响应时，angular度控制器清除所有cookie并将用户redirect到login页面。我应该考虑其他方面吗？将令牌存储在新的cookie或localStorage中更好吗？任何提示如何生成一个独特的强大的令牌？编辑（改进）：我决定使用HMAC-SHA256作为会话令牌生成器，20分钟有效。我生成一个随机的32字节的GUID，附加一个时间戳，并通过提供一个40字节的密钥来计算HASH-SHA256。由于令牌有效性非常小，因此获得冲突是不可能的。 Cookie将具有域和path属性以增加安全性。不允许多login。

有没有在AngularJSmodal dialog中处理“取消”的模式？: 注意：这不是用AngularJS显示一个modal dialog，该主题有很多问题和答案！这个问题是关于如何对页面上的模式对话框中的确定和取消做出反应。假设你只有一个variables， $scope.description = "Oh, how I love porcupines…" 如果我在页面上为您提供了一个模式对话框，并且在该对话框中使用了ng-model =“description”，则所做的所有更改实际上都是在input时对描述本身进行的。这很糟糕，因为那么你如何取消对话？有这个问题说，做我下面解释。被接受的答案是与我想出的相同的“解决scheme”： AngularJS：数据绑定模式 – 仅在单击“保存”时保存更改，或者在单击“取消”时忘记更改我可以看到如果点击button来调出模态，可以返回到后面的function，并为模态创build相关数据的临时副本，然后popup模态。然后“确定”（或“保存”或其他）可以将临时值复制到实际的模型值。 main.js（摘录）： $scope.descriptionUncommitted = $scope.description; $scope.commitChanges = function () { $scope.description = $scope.descriptionUncommitted; } main.html（摘录）： <input type="text" ng-model="descriptionUncommitted"/> <button ng-click="commitChanges()">Save</button> 这个问题是不是说明性的！事实上，这与其他地方的AngularJS不同。这几乎就像我们需要一个ng-model-uncommitted =“description”，他们可以在其中进行所有需要的更改，但只有在我们用另一个声明触发时才会提交。在某个插件中是否有这样的事情，或者是AngularJS自己添加的？编辑：看来，这样做的另一种方式的例子可能是为了。 main.js： $scope.filename = "panorama.jpg"; $scope.description = "A panorama […]

如何解决IEselect问题时dynamic更改选项: 我有一套select，都有相同的选项。然后，我通过filter运行这些选项，以便在select中不显示在不同select中select的任何选项。看到这个jsFiddle （在非IE浏览器），看看我的意思。基本上我阻止select中多次select相同的选项现在，我所做的在IE中有一个问题。在IE中打开那个小提琴（我只在IE9中试过，但我猜测以前的版本有相同的问题）。将最后一个select更改为AAA。注意3个其他select全部改变了他们显示的内容。他们的模型并没有改变，但IE在某些方面窒息时，选项更改。我的问题是第一个，我一般做这个function有问题吗？在Chrome和FF中，这个代码正是我想要的，但是我正在做一些我不应该做的事情？其次，我怎么能在IE浏览器中解决这个问题？我尝试了一些会清除和重新设置模型的超时，但是显而易见的东西却跳了起来。我想知道是否有一个良好的，干净的，低影响的解决方法。任何帮助将非常感激。谢谢。 –UPDATE– 这已经在Angular 1.3.3版本中使用AS Ranjan的解决scheme 修复了。用1.3.3看新的小提琴： http : //jsfiddle.net/m2ytyapv/ //dummy code so I can post the edit

Angular js支持本地化: 我试图在AngularJS中find支持多种语言的文档，但没有成功。是否支持本地化？

file upload器集成为angularjs: 是否有良好的file upload与AngularJS良好的整合（指令）？我正在寻找容易风格和支持HTML5拖放等的东西有人可能会说，它易于使用现有的上传器，并将其集成到AngularJS – 我会说：如果容易，那么已经有人应该已经做到了。