Questions tagged «angularjs»

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

5
AngularJS-如何在整个页面加载时进行重定向？
我想进行重定向，以重新加载整个页面，以便在页面加载时刷新来自我的Web服务器的cookie。window.location = "/#/Next"而且window.location.href = "/#/Next"不起作用，它们会执行不打服务器的Angular路由。 在Angular控制器中发出完整服务器请求的正确方法是什么？
16
AngularJS错误：“参数'FirstCtrl'不是函数，未定义”
我注意到在这里问了几次同样的问题，我尝试过解决这个问题，但是没有帮助。 我正在学习带蛋头视频的本教程。 但是，当我进入“控制器和在控制器之间共享数据”部分时，我无法正常工作。 当我使用Chrome运行它时，在控制台中出现以下错误： “参数“ FirstCtrl”不是函数，未定义”。 我真的不知道怎么了 代码与教程中的相同。 的HTML <!DOCTYPE html> <html ng-app> <head> <title>AngularJS Tutorials: Controllers</title> <link rel="stylesheet" href="mystyle.css"> <script src="http://code.angularjs.org/1.2.0-rc.2/angular.min.js"></script> </head> <body> <div ng-app=""> <div ng-controller="FirstCtrl"> <h1> {{data.message + " world"}}</h1> <div class="{{data.message}}"> Wrap me in a foundation component </div> </div> </div> <script type="text/javascript" src="main.js"></script> </body> </html> main.js …
10
AngularJS按属性排序
我想做的是按属性对一些数据进行排序。这是我tought应该工作的示例，但事实并非如此。 HTML部分： <div ng-app='myApp'> <div ng-controller="controller"> <ul> <li ng-repeat="(key, value) in testData | orderBy:'value.order'"> {{value.order}}. {{key}} -> {{value.name}} </li> </ul> </div> </div> JS部分： var myApp = angular.module('myApp', []); myApp.controller('controller', ['$scope', function ($scope) { $scope.testData = { C: {name:"CData", order: 1}, B: {name:"BData", order: 2}, A: {name:"AData", order: 3}, } }]); …
2
$ http获取参数不起作用
有谁知道为什么这不起作用？ $http .get('accept.php', { source: link, category_id: category }) .success(function (data, status) { $scope.info_show = data }); 这确实有效： $http .get('accept.php?source=' + link + '&category_id=' + category) .success(function (data, status) { $scope.info_show = data });
4
如何在angularjs中等待直到响应来自$ http请求？
我正在使用来自多个页面中RESTful服务的一些数据。所以我为此使用了角度工厂。因此，我需要从服务器获取一次数据，并且每次我通过该定义的服务获取数据。就像全局变量一样。这是示例： var myApp = angular.module('myservices', []); myApp.factory('myService', function($http) { $http({method:"GET", url:"/my/url"}).success(function(result){ return result; }); }); 在我的控制器中，我将此服务用作： function myFunction($scope, myService) { $scope.data = myService; console.log("data.name"+$scope.data.name); } 根据我的要求，它对我来说很好。但是这里的问题是，当我重新加载网页时，该服务将再次被调用并请求服务器。如果在其他函数之间执行依赖于“已定义的服务”的函数，则会给出错误消息，例如“未定义”。因此，我想在脚本中等待直到服务加载。我怎样才能做到这一点？无论如何，在angularjs中这样做吗？
1
角度懒惰一次性绑定表达式
自1.3.0-beta.10版本以来，AngularJS具有一项新功能：“懒惰的一次性绑定”。 可以在简单表达式前面加上::，告诉angular在首次评估表达式后停止观看。给出的常见示例如下所示： <div>{{::user.name}}</div> 类似以下表达式的语法是否类似？ <div ng-if="user.isSomething && user.isSomethingElse"></div> <div ng-class="{classNameFoo: user.isSomething}"></div>
9
如何使用ng-model格式化日期？
我有一个输入定义为 <input class="datepicker" type="text" ng-model="clientForm.birthDate" /> 将其显示在页面的其他位置： <tr> <th>Birth Date</th> <td>{{client.birthDate|date:'mediumDate'}}</td> </tr> 当页面加载时，出生日期的格式会很像Dec 22, 2009。但是，当我查看我<input>的内部时，它显示为Tue Dec 22 2009 00:00:00 GMT-0800 (Pacific Standard Time)我猜想的是JS如何将Date对象呈现为字符串。 首先，我如何告诉Angular将日期显示<input>为12/22/2009？我似乎无法|filters在ng-model属性内应用。 其次，一旦我编辑了日期，即使将其保留为原始格式，我的其他文本（位于中<td>）似乎也不再应用|date过滤器；它突然更改了格式以匹配输入文本框的格式。如何在|date每次模型更改时应用过滤器？ 相关问题： 如何获得仅在onchange上触发指令？ 如何访问指令中的参数？
93 angularjs 
7
在angularjs中如何访问触发事件的元素？
我在我的Web应用程序中同时使用了Bootstrap和AngularJS。我很难让两个人一起工作。 我有一个元素，它具有属性 data-provide="typeahead" <input id="searchText" ng-model="searchText" type="text" class="input-medium search-query" placeholder="title" data-provide="typeahead" ng-change="updateTypeahead()" /> 我想data-source在用户在字段中输入时更新属性。该函数updateTypeahead已正确触发，但是除非我使用$('#searchText')，这是jQuery方式，而不是AngularJS方式，否则我无法访问触发事件的元素。 使AngularJS与旧式JS模块一起工作的最佳方法是什么。
1
AngularJS：ngInclude vs指令
我不太了解何时使用指令以及何时更适合使用nginclude。以以下示例为例：我有一个局部，password-and-confirm-input-fields.html即用于输入和确认密码的html。我在注册页面和更改密码页面下都使用了它。这两个页面各有一个控制器，部分html没有专用的控制器。 我应该使用指令还是ngInclude为此？
3
AngularJS种子：将JavaScript放入单独的文件（app.js，controllers.js，directives.js，filters.js，services.js）
我正在使用角度种子模板来构建我的应用程序。最初，我将所有JavaScript代码放入一个文件中main.js。该文件包含我的模块声明，控制器，指令，过滤器和服务。该应用程序可以像这样正常运行，但是随着我的应用程序变得越来越复杂，我担心可伸缩性和可维护性。我注意到，每个角度种子模板都有单独的文件，因此我尝试将我的代码从单个main.js文件分发到该问题标题中提到的每个其他文件中，并且可以在app/js每个角度的目录中找到种子模板。 我的问题是：如何管理依赖关系以使应用程序正常工作？在这方面，此处找到的现有文档不是很清楚，因为给出的每个示例都显示一个JavaScript源文件。 我所拥有的一个例子是： app.js angular.module('myApp', ['myApp.filters', 'myApp.services', 'myApp.controllers']); controllers.js angular.module('myApp.controllers', []). controller('AppCtrl', [function ($scope, $http, $filter, MyService) { $scope.myService = MyService; // found in services.js // other functions... } ]); filter.js angular.module('myApp.filters', []). filter('myFilter', [function (MyService) { return function(value) { if (MyService.data) { // test to ensure service is loaded …
4
网络风暴：“无法解析目录”
这开始困扰我，我想关闭它或修复它。因此，Webstorm在它的HTML解析器中具有一个不错的功能，它将尝试解析应该引用项目中文件的字符串中的目录。例如： Webstorm是正确的。我的前端代码全在其中，/app但是我的服务器在根目录中的应用程序中提供文件，因此在Web上下文/app中实际上只是/。一方面，这种行为也会影响我的角度模板： 和我的angular-ui路线（我想对于常规的角度路线也是如此）。 有没有一种方法可以将webstorm更改/app为root，所以这是一个有用的功能？如果没有，有没有办法我可以禁用它？我尝试进入检查器，但找不到选项： 不，这不是XML。。。我尝试过。 帮助表示赞赏。谢谢...
6
AngularJS格式的JSON字符串输出
我有一个AngularJS应用程序，该应用程序从输入中收集数据，使用AngularJS将模型转换为字符串，JSON.stringify()并允许用户编辑该模型，以使如果<textarea>元素被更新，输入字段也将被更新，反之亦然。某种双向绑定:) 问题是字符串本身看起来很丑，我想对其进行格式化，因此它看起来像这样： 而且看起来不像现在这样： 有什么想法可以做到吗？如果您需要其他信息-请不要犹豫。每个答案都受到高度赞赏，并立即得到答复。 谢谢。 PS我猜这应该是某种指令或自定义过滤器。数据本身不应更改，只能更改输出。
4
在selectMatch上的角度ui-bootstrap提前输入回调？
我正在使用有角度的ui-bootstrap typeahead，并且希望将其用作选择许多选项的方法，因此启动selectMatch方法时需要获取选定的值，但我找不到方法在我的控制器中 <div class='container-fluid' ng-controller="TypeaheadCtrl"> <pre>Model: {{selected| json}}</pre> <input type="text" ng-model="selected" typeahead="state for state in states | filter:$viewValue"> 如果我观看选定的值，则每次按一下键都会得到更改。 scope.$watch('selected', function(newValue, oldValue) {... }); 我知道方法selectMatch是在用户按Enter或单击列表时调用的方法，但是我不知道该如何回调。 谢谢 ！
17
用户离开字段后验证字段
通过AngularJS，我可以使用ng-pristine或ng-dirty检测用户是否输入了该字段。但是，我只想在用户离开字段区域之后进行客户端验证。这是因为，当用户输入电子邮件或电话之类的字段时，他们总是会抛出错误，直到他们完成完整的电子邮件键入为止，这不是最佳的用户体验。 例 更新： Angular现在附带了一个自定义模糊事件：https : //docs.angularjs.org/api/ng/directive/ngBlur
92 forms  angularjs 
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.