Questions tagged «angularjs»

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

24
带数字和范围的AngularJS For循环
Angular确实在其HTML指令中使用数字为for循环提供了一些支持： <div data-ng-repeat="i in [1,2,3,4,5]"> do something </div> 但是，如果您的范围变量包含具有动态数字的范围，则您每次都需要创建一个空数组。 在控制器中 var range = []; for(var i=0;i<total;i++) { range.push(i); } $scope.range = range; 在HTML中 <div data-ng-repeat="i in range"> do something </div> 这行得通，但是没有必要，因为我们根本不会在循环中使用范围数组。有谁知道设置最小值/最大值的范围或常规值？ 就像是： <div data-ng-repeat="i in 1 .. 100"> do something </div>
17
$ http的Angular IE缓存问题
从IE发送的所有ajax调用都被Angular缓存，我304 response为所有后续调用获取了a 。尽管请求是相同的，但在我的情况下响应不会是相同的。我想禁用此缓存。我尝试将其添加cache attribute到$ http.get中，但仍然没有帮助。该问题如何解决？
8
我应该使用`this`或`$ scope`吗？
有两种用于访问控制器功能的模式： this和$scope。 我应该在何时使用？我知道this已设置为控制器，并且$scope是视图范围链中的一个对象。但是使用新的“ Controller as Var”语法，您可以轻松使用其中任何一个。所以我要问的是什么是最好的，未来的方向是什么？ 例： 使用 this function UserCtrl() { this.bye = function() { alert('....'); }; } <body ng-controller='UserCtrl as uCtrl'> <button ng-click='uCtrl.bye()'>bye</button> 使用 $scope function UserCtrl($scope) { $scope.bye = function () { alert('....'); }; } <body ng-controller='UserCtrl'> <button ng-click='bye()'>bye</button> 我个人发现，this.name与其他Java OO模式相比，它更容易上眼并且更自然。 请咨询？
251 angularjs 
10
ng-repeat完成后调用函数
我要实现的基本上是“重复完成渲染”处理程序。我能够检测到何时完成，但无法弄清楚如何从中触发功能。 检查小提琴：http : //jsfiddle.net/paulocoelho/BsMqq/3/ JS var module = angular.module('testApp', []) .directive('onFinishRender', function () { return { restrict: 'A', link: function (scope, element, attr) { if (scope.$last === true) { element.ready(function () { console.log("calling:"+attr.onFinishRender); // CALL TEST HERE! }); } } } }); function myC($scope) { $scope.ta = [1, 2, 3, …
8
如何/何时使用ng-click呼叫路线？
假设您正在使用路线： // bootstrap myApp.config(['$routeProvider', '$locationProvider', function ($routeProvider, $locationProvider) { $routeProvider.when('/home', { templateUrl: 'partials/home.html', controller: 'HomeCtrl' }); $routeProvider.when('/about', { templateUrl: 'partials/about.html', controller: 'AboutCtrl' }); ... 并且在您的html中，当您单击按钮时，您想导航到“关于”页面。一种方法是 <a href="#/about"> ...但是ng-click似乎在这里也很有用。 这个假设正确吗？使用ng-click代替锚点？ 如果是这样，那将如何工作？IE浏览器： <div ng-click="/about">
18
在Angular JS的控制器之间传递数据？
我有一个基本的控制器来显示我的产品， App.controller('ProductCtrl',function($scope,$productFactory){ $productFactory.get().success(function(data){ $scope.products = data; }); }); 在我看来，我正在列表中显示此产品 <ul> <li ng-repeat="product as products"> {{product.name}} </li> </ul 我要做的是，当有人单击产品名称时，我有另一个名为cart的视图，其中已添加该产品。 <ul class="cart"> <li> //click one added here </li> <li> //click two added here </li> </ul> 因此，我的疑问是，如何将这种点击产品从第一台控制器传递到第二台？我认为购物车也应该是控制器。 我使用指令处理click事件。我也觉得我应该使用服务来实现上述功能，只是想不通如何？因为购物车将是预定义的，所以添加的产品数可能是5/10，具体取决于用户所在的页面。所以我想保持这种通用。 更新： 我创建了一个要广播的服务，并在第二个控制器中接收了它。现在查询是如何更新dom？由于我要删除的产品清单是硬编码的。
8
AngularJS：如何从控制器功能切换视图？
我正在尝试使用AngularJS 的ng-click功能来切换视图。我将如何使用下面的代码来做到这一点？ index.html <div ng-controller="Cntrl"> <div ng-click="someFunction()"> click me <div> <div> controller.js function Cntrl ($scope) { $scope.someFunction = function(){ //code to change view? } }
3
我可以在AngularJS的指令中注入服务吗？
我试图将服务注入如下指令： var app = angular.module('app',[]); app.factory('myData', function(){ return { name : "myName" } }); app.directive('changeIt',function($compile, myData){ return { restrict: 'C', link: function (scope, element, attrs) { scope.name = myData.name; } } }); 但这给我返回了一个错误Unknown provider: myDataProvider。有人可以调查一下代码，并告诉我是否做错了什么？
234 angularjs 
4
如何有条件地要求使用AngularJS输入表单？
假设我们正在使用AngularJS构建通讯簿应用程序（设计示例）。 我们有一个联系人表单，其中包含电子邮件和电话号码的输入，我们想要一个或另一个，但不能同时要求两个：我们只希望输入为空或无效的情况下email才需要phone输入，反之亦然。 Angular有一个required指令，但是从文档中尚不清楚在这种情况下如何使用它。那么，我们如何有条件地需要一个表单字段呢？编写自定义指令？
12
在服务中处理$ http响应
我最近公布的我面对这个问题的详细说明，这里的SO。由于我无法发送实际的$http请求，因此我使用了超时来模拟异步行为。在@Gloopy的帮助下，从模型到视图的数据绑定工作正常 现在，当我使用$http而不是$timeout（在本地测试）时，我可以看到异步请求成功，并且data在我的服务中充满了json响应。但是，我的看法没有更新。 在这里更新了Plunkr
13
AngularJS绑定中的数学函数
有没有办法在AngularJS绑定中使用数学函数？ 例如 <p>The percentage is {{Math.round(100*count/total)}}%</p> 这个小提琴显示了问题 http://jsfiddle.net/ricick/jtA99/1/
232 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.