Questions tagged «angularjs»

用于有关开源JavaScript框架AngularJS（1.x）的问题。不要将此标签用于Angular 2或更高版本；而是使用[angular]标签。

2
我应该使用打字稿吗？或者我可以只使用ES6？[关闭]
已关闭。这个问题是基于观点的。它当前不接受答案。 想改善这个问题吗？更新问题，以便通过编辑此帖子以事实和引文回答。 5年前关闭。 改善这个问题 我的日常工作是使用AngularJS进行客户开发。我们正在评估是否要使用TypeScript。我对Typescript进行了一些研究，几乎我需要的每个JavaScript包都必须具有定义类型文件。我发现这不是很方便，特别是如果我想尝试一些新的东西，而他们没有定义的话。真令人沮丧。（如果我想使用打字稿1.5 beta，即使当前的jQuery定义也给我带来了一些问题）。我开始研究ES6，它看起来与TypeScript类似。我应该只使用ES6吗？另外，我听说angular 2将完全支持TypeScript，这是我应该坚持使用它的原因之一吗？
4
如何在AngularJs中将ng-repeat用于字典？
我知道我们可以轻松地对json对象或数组使用ng-repeat，例如： <div ng-repeat="user in users"></div> 但是如何将ng-repeat用于字典，例如： var users = null; users["182982"] = "{...json-object...}"; users["198784"] = "{...json-object...}"; users["119827"] = "{...json-object...}"; 我想在用户字典中使用它： <div ng-repeat="user in users"></div> 可能吗？。如果是，我如何在AngularJs中做到这一点？ 我的问题的示例：在C＃中，我们定义如下字典： Dictionary<key,value> dict = new Dictionary<key,value>(); //and then we can search for values, without knowing the keys foreach(var val in dict.Values) { } 是否有内置函数可以像c＃中那样从字典返回值？
11
用Bootstrap 3在AngularJS中表示网格或表的最佳方法？[关闭]
已关闭。这个问题是基于观点的。它当前不接受答案。 想改善这个问题吗？更新问题，以便通过编辑此帖子以事实和引文回答。 5年前关闭。 改善这个问题 我正在使用AngularJS和Bootstrap 3创建一个应用程序。我想显示一个包含数千行的表/网格。具有AngularJS和Bootstrap的最佳控件是什么，具有排序，搜索，分页等功能。
4
$ on和$广播角度
我有一个footerController和codeScannerController具有不同的视图。 angular.module('myApp').controller('footerController', ["$scope", function($scope) {}]); angular.module('myApp').controller('codeScannerController', ["$scope", function($scope) { console.log("start"); $scope.startScanner = function(){... 当我<li>在footer.html中单击时，应该在codeScannerController中得到此事件。 <li class="button" ng-click="startScanner()">3</li> 我认为可以使用$on和来实现$broadcast，但是我不知道如何在任何地方都找不到示例。
15
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也不会显示任何错误。
281 angularjs 
17
您可以在创建时将参数传递给AngularJS控制器吗？
我有一个控制器，负责与API进行通信以更新用户，姓名，电子邮件等'id'的属性。查看个人资料页面时，每个用户都有一个从服务器传递来的信息。 我想将此值传递给AngularJS控制器，以便它知道当前用户的API入口点。我尝试过将值传递给ng-controller。例如： function UserCtrl(id, $scope, $filter) { $scope.connection = $resource('api.com/user/' + id) 并在HTML中 <body ng-controller="UserCtrl({% id %})"> 在此{% id %}打印从服务器发送的ID。但我得到了错误。 在创建值时将值传递给控制器​​的正确方法是什么？
10
如何取消订阅angularJS中的广播事件。如何删除通过$ on注册的功能
我已经使用$ on函数将监听器注册到$ broadcast事件中 $scope.$on("onViewUpdated", this.callMe); 我想根据特定的业务规则取消注册此侦听器。但是我的问题是，一旦注册，我将无法注销。 AngularJS中是否有任何方法可以取消注册特定的侦听器？诸如$ on之类的方法可以取消注册此事件，可能是$ off。因此，基于业务逻辑，我可以说 $scope.$off("onViewUpdated", this.callMe); 并且当有人广播“ onViewUpdated”事件时，该函数将停止调用。 谢谢 编辑：我想注销另一个功能的侦听器。不是我注册的功能。
278 angularjs 
12
如何将自定义验证添加到AngularJS表单？
我有一个带有输入字段和通过添加required属性等进行验证设置的表单。但是对于某些领域，我需要做一些额外的验证。我将如何“利用” FormController控制的验证？ 自定义验证可能类似于“如果填写了这3个字段，那么此字段是必需的，并且需要以特定方式进行格式化”。 有一个方法，FormController.$setValidity但是看起来不像公共API，所以我宁愿不使用它。创建自定义指令并使用它NgModelController看起来像另一个选项，但是基本上需要我为每个自定义验证规则创建一个指令，这是我所不希望的。 实际上，将控制器中的字段标记为无效（同时保持FormController同步）可能是我在最简单的情况下完成工作所需要的，但是我不知道该怎么做。
278 angularjs 
7
AngularJS：清除$ watch
我的AngularJS应用程序中具有监视功能。 $scope.$watch('quartzCrystal', function () { ... } 但是，在某些情况下（在我的示例中，更改了我的单页应用程序的页面），我想停止监视（例如清除超时）。 我怎样才能做到这一点？
16
拒绝显示在框架中，因为它将“ X-Frame-Options”设置为“ SAMEORIGIN”
我正在开发一个响应迅速的网站，以便人们可以通过手机访问该网站。该网站有一些安全部件，可以使用Google，Facebook等...（OAuth）登录。 服务器后端是使用ASP.Net Web API 2开发的，前端主要是带有一些Razor的AngularJS。 对于身份验证部分，在包括Android在内的所有浏览器中，一切都可以正常工作，但Google身份验证在iPhone上无法正常工作，这给了我此错误消息 Refused to display 'https://accounts.google.com/o/openid2/auth ?openid.ns=http://specs.openid.ne…tp://axschema.org/namePerson /last&openid.ax.required=email,name,first,last' in a frame because it set 'X-Frame-Options' to 'SAMEORIGIN'. 现在，就我而言，我在HTML文件中没有使用任何iframe。 我四处搜寻，但没有答案让我解决问题。
18
更改路线不会滚动到新页面的顶部
至少对于我来说，我发现路线改变时有一些不希望有的行为。在教程http://angular.github.io/angular-phonecat/step-11/app/#/phones的步骤11中， 您可以看到电话列表。如果滚动到底部并单击最新滚动条之一，则可以看到滚动条不在顶部，而是在中间。 我也在我的一个应用程序中找到了它，我想知道如何才能滚动到顶部。我可以手动操作，但是我认为应该有其他我不知道的优雅方法。 那么，当路线改变时，有没有一种优雅的方式可以滚动到顶部？
13
NG模型不会更新控制器值
可能是愚蠢的问题，但是我的html表单带有简单的输入和按钮： <input type="text" ng-model="searchText" /> <button ng-click="check()">Check!</button> {{ searchText }} 然后在控制器中（从routeProvider调用模板和控制器）： $scope.check = function () { console.log($scope.searchText); } 为什么单击按钮后，视图在控制台中正确更新但未定义？ 谢谢！ 更新：似乎我实际上已经解决了该问题（之前不得不提出一些解决方法），方法是：只需将我的属性名称从更改searchText为search.text，然后$scope.search = {};在控制器中定义空对象，瞧……不知道为什么它起作用虽然;]
By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.