Tag: angularjs

AngularJs：如何检查文件输入字段中的更改？: 我是新角度。我试图从HTML'文件'字段读取上传的文件路径，每当这个领域发生'改变'。如果我使用'onChange'它可以工作，但是当我使用'ng-change'角度的方式它不起作用。 <script> var DemoModule = angular.module("Demo",[]); DemoModule .controller("form-cntlr",function($scope){ $scope.selectFile = function() { $("#file").click(); } $scope.fileNameChaged = function() { alert("select file"); } }); </script> <div ng-controller="form-cntlr"> <form> <button ng-click="selectFile()">Upload Your File</button> <input type="file" style="display:none" id="file" name='file' ng-Change="fileNameChaged()"/> </form> </div> fileNameChaged（）永远不会调用。 Firebug也不会显示任何错误。

如何在AngularJS的ng-options中设置value属性？: 这似乎是困扰了很多人（包括我）。当在AngularJS中使用ng-options指令来填充<select>标签的选项时，我不知道如何设置选项的值。这方面的文档还不太清楚 – 至少对于像我这样的傻瓜来说。我可以很容易地设置一个选项的文本，如下所示： ng-options="select p.text for p in resultOptions" 当resultOptions是例如： [ { "value": 1, "text": "1st" }, { "value": 2, "text": "2nd" } ] 它应该是（也可能是）设置选项值的最简单的事情，但到目前为止我只是不明白。

角度ui路由器登录认证: 我是AngularJS的新手，我有点困惑于如何在以下场景中使用angular-“ui-router”：我正在构建一个由两部分组成的Web应用程序。第一部分是具有登录和注册视图的主页，第二部分是仪表板（成功登录后）。我已经创建了一个index.html的角度的应用程序和ui-router配置来处理/login和/signup视图的主页部分，还有另一个文件dashboard.html仪表板部分与其应用程序和ui-router配置处理很多子视图。现在我完成了仪表板部分，不知道如何将两个部分与不同的角度应用程序结合起来。我怎么能告诉家里的应用程序重定向到仪表板应用程序？

Angular UI路由器在没有URL的状态之间传递数据: 我正面临着在两个状态之间传递数据而不暴露url中的数据的问题，就像用户不能真正直接登陆这个状态一样。例如。我有两个状态“A”和“B”。我在状态“A”做一些服务器调用，并将调用的响应传递到状态“B”。服务器调用的响应是一个字符串消息，这是相当长的，所以我不能在网址中公开。那么有没有办法在角度ui路由器之间传递数据，而不使用url参数？

AngularJS：在角度应用程序中显示blob（.pdf）: 我一直在试图显示PDF文件，我得到一个$http.post响应blob。例如，必须使用<embed src>在应用程序中显示pdf。我遇到了几个帖子帖子，但一些如何我的例子似乎没有工作。 JS：根据这个文件，我继续尝试… $http.post('/postUrlHere',{myParams}).success(function (response) { var file = new Blob([response], {type: 'application/pdf'}); var fileURL = URL.createObjectURL(file); $scope.content = fileURL; }); 现在从我的理解， fileURL创建一个临时的网址，博客可以用作参考。 HTML： <embed src="{{content}}" width="200" height="200"></embed> 我不知道如何处理这个角度，理想的情况是（1）将它分配给一个范围，（2） “准备/重建”blob到一个pdf （3）传递给HTML使用<embed>因为我想在应用程序中显示它。我一直在研究一天以上，但一些我似乎无法理解这是如何工作的角度..让我们假设PDF查看器库没有一个选项。

如何在控制器中使用过滤器？: 我写了一个过滤器函数，它会根据你传递的参数返回数据。我想在我的控制器相同的功能。是否有可能在控制器中重用过滤器功能？这是我迄今为止所尝试的： function myCtrl($scope,filter1) { // i simply used the filter function name, it is not working. }

对服务vs工厂感到困惑: 据我了解，当在工厂内部时，我返回一个被注入控制器的对象。当在一个服务中，我正在处理这个对象，而不是返回任何东西。我假设一个服务总是单身，并且每个控制器都注入一个新的工厂对象。然而，事实证明，一个工厂对象也是一个单身？示例代码来演示： var factories = angular.module('app.factories', []); var app = angular.module('app', ['ngResource', 'app.factories']); factories.factory('User', function () { return { first: 'John', last: 'Doe' }; }); app.controller('ACtrl', function($scope, User) { $scope.user = User; }); app.controller('BCtrl', function($scope, User) { $scope.user = User; }); 当在ACtrl改变user.first时，事实证明， user.first中的BCtrl也被改变了，例如User是一个singleton？我的假设是一个新的实例被注入一个控制器与工厂？

如何使用AngularJS访问浏览器控制台中的$ scope变量？: 我想在Chrome的JavaScript控制台中访问我的$scope变量。我怎么做？我不能在控制台中看到$scope或模块myapp的名称作为变量。

如果你在你的AngularJS模型中没有使用。（点），你做错了吗？: 我记得在AngularJS的视频中看到这个着名的引用，应该总是使用a。（点）在您的模型。那么我正试图按照我说的这个说法 var item = {} item.title = "Easy Access to support"; item.available = true; item.price = 31.67; 所以这在我看来很好 {{ item.title }} {{ item.available }} 我正在使用一个点，所以我认为这是好的。但我有一些属性，我不认为模型的一部分，但也许我错了。例如，我有一个属性，我用来启用或禁用一个按钮，使用ng-disable，我已经使用点格式输入。它基本上是这样进入的 $scope.disableButton = true; 和我一样使用它 ng-disable="disableButton"…… 我应该使这个模型“项目”的一部分？或者创建另一个js对象，所以我可以使用点来保存这个属性？任何人都知道，如果这是可以接受的，或者我应该做的一切（即使这些简单的属性）。谢谢

Angularjs未捕获错误：: 我正在学习Angular.js，我无法弄清楚这个简单的代码有什么问题。它看起来很好，但给我下面的错误。 **Error**: Uncaught Error: [$injector:modulerr] http://errors.angularjs.org/1.3.14/$injector/modulerr?p0=app&p1=Error%3A%20…gleapis.com%2Fajax%2Flibs%2Fangularjs%2F1.3.14%2Fangular.min.js%3A17%3A381) 在添加ng-app= "app" （我只是把它保存为ng-app ）之前，它给了我下面的错误。这是为什么？ Error: [ng:areq] http://errors.angularjs.org/1.3.14/ng/areq?p0=Ctrl&p1=not%20a%20function%2C%20got%20undefined at Error (native) at https://ajax.googleapis.com/ajax/libs/angularjs/1.3.14/angular.min.js:6:417 at Sb (https://ajax.googleapis.com/ajax/libs/angularjs/1.3.14/angular.min.js:19:510) at tb (https://ajax.googleapis.com/ajax/libs/angularjs/1.3.14/angular.min.js:20:78) at $get (https://ajax.googleapis.com/ajax/libs/angularjs/1.3.14/angular.min.js:75:331) at https://ajax.googleapis.com/ajax/libs/angularjs/1.3.14/angular.min.js:57:65 at s (https://ajax.googleapis.com/ajax/libs/angularjs/1.3.14/angular.min.js:7:408) at A (https://ajax.googleapis.com/ajax/libs/angularjs/1.3.14/angular.min.js:56:443) at g (https://ajax.googleapis.com/ajax/libs/angularjs/1.3.14/angular.min.js:51:299) at g (https://ajax.googleapis.com/ajax/libs/angularjs/1.3.14/angular.min.js:51:316) <!doctype html> <html ng-app="app"> <head> <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.14/angular.min.js"></script> </head> <body> <div ng-controller="Ctrl"> <input […]