Tag: angularjs
Angular vs Angular 2
几个月前，我决定学习Angular。 当我进行一些改进并创build一些使用它的应用程序时，我意识到Angular 2是在开发者预览版中，所以在发布之前是一个时间问题。 因为Angular 2不会与Angular 1兼容，而且有很多变化，所以问题是，继续使用Angular 1.x开发还是开始开发Angular 2会更好？ 事实上，我们并不总是要使用最新版本，也不是市场上最新的语言，但在这种情况下，应用程序仍然很小，所以我可以改变没有问题。
渲染没有数据绑定的值
在AngularJS中，如何在没有双向数据绑定的情况下渲染一个值？ 有人可能会出于性能考虑，甚至在给定的时间点提供价值。 以下示例都使用数据绑定： <div>{{value}}</div> <div data-ng-bind="value"></div> 如何在没有任何数据绑定的情况下呈现value ？
angularjs未知提供商
我试图“定制”mongolab的例子，以适应我自己的REST API。 现在我遇到了这个错误，我不知道我在做什么错： Error: Unknown provider: ProductProvider <- Product at Error (unknown source) at http://localhost:3000/js/vendor/angular.min.js:28:395 at Object.c [as get] (http://localhost:3000/js/vendor/angular.min.js:26:180) at http://localhost:3000/js/vendor/angular.min.js:28:476 at c (http://localhost:3000/js/vendor/angular.min.js:26:180) at d (http://localhost:3000/js/vendor/angular.min.js:26:314) 这是我的控制者： function ProductListCtrl($scope, Product) { $scope.products = Product.query(); } 这是模块： angular.module('productServices', ['ngResource']). factory('Product', ['$resource', function($resource){ var Product = $resource('/api/products/:id', { }, { update: { method: 'PUT' } […]
Django的csrf标记+ Angularjs
我有一个使用mod_wsgi的apache服务器上运行的django，以及由apache直接提供的angularjs应用程序，而不是由django运行。 我想进行POST调用Django服务器（运行rest_framework），但我有问题与csrf令牌。 有没有把{% csrf token %}作为模板的一部分来设置从服务器的{% csrf token %} （因为这些页面没有经过Django）？ 我希望能够通过GET请求获取csrf令牌作为cookie。 我希望能够使用csrf标记cookie值向django服务器发出POST请求。
$ resource`get`函数如何在AngularJS中同步工作？
我正在观看这个 AngularJS教程，介绍如何使用Angular资源连接到Twitter。 （ video教程 ）以下是在示例控制器中设置的资源： $scope.twitter = $resource('http://twitter.com/:action', {action: 'search.json', q: 'angularjs', callback: 'JSON_CALLBACK'}, {get: {method: 'JSONP'}}); 本教程显示了使用get调用从资源获取数据的方法。 第一种方法是将callback传递给get函数。 callback将在ajax请求返回后调用结果： $scope.twitter.get(function(result) { console.log('This was the result:', result); }); 我明白这个方法。 这对我来说非常有意义。 这个资源代表了一个可以获取数据的地方，只需要调用一个url的ajax，获取json，然后用json调用callback函数。 result参数是json。 这对我来说是有道理的，因为这显然是一个asynchronous调用。 也就是说，在引擎盖下，ajax调用触发，并且调用之后的代码不被阻塞，它继续执行。 然后在稍后的某个不确定点，当xhr成功时，调用callback函数。 然后教程显示了一个看起来更简单的不同方法，但我不明白它是如何工作的： $scope.twitterResult = $scope.twitter.get(); 我假设下面的xhr必须是asynchronous的，但是在这一行中，我们将get调用的返回值分配给一个variables，就像它同步返回一样。 我不明白这个错误吗？ 这怎么可能？ 我认为它的工作真的很好，我只是不明白。 我明白， get可以返回一些东西，而它下面的xhr会asynchronous处理，但是如果你自己跟着代码示例，你会发现$scope.twitterResult在执行任何后续行之前都会得到实际的twitter内容。 例如，如果您在该行之后立即编写console.log($scope.twitterResult) ，您将看到在控制台中logging的twitter结果，而不是稍后replace的临时值。 更重要的是，因为这是可能的，我怎样才能编写一个利用这个相同function的Angular服务呢？ 除了Ajax请求，还有其他types的数据存储需要asynchronous调用，可以在JavaScript中使用，我希望能够以这种风格同步编写代码。 例如，IndexedDB。 如果我可以把我的头围绕Angular的内置资源如何做，我会给它一个镜头。
如何使用ng-model格式化date？
我有一个input定义为 <input class="datepicker" type="text" ng-model="clientForm.birthDate" /> 哪个被装备在页面的其他地方显示： <tr> <th>Birth Date</th> <td>{{client.birthDate|date:'mediumDate'}}</td> </tr> 当页面加载出生date格式很好，如Dec 22, 2009 。 然而，当我看看我的<input>里面，它显示为Tue Dec 22 2009 00:00:00 GMT-0800 (Pacific Standard Time) ，我猜是如何JS呈现Date对象作为string。 首先，我该如何告诉Angular将<input>的date显示为12/22/2009 ？ 我似乎无法在ng-model属性中应用|filters 。 其次，只要我编辑date，即使保持它的原始格式，我的其他文本（在<td> ）似乎不再应用|datefilter; 它突然改变格式以匹配input文本框的格式。 如何在每次模型更改时应用|datefilter？ 相关问题： 如何获得我的指令只能在onchange上触发？ 如何访问指令中的参数？
Cordova + Angularjs +设备就绪
我正在开发一个使用Cordova和AngularJS的移动应用程序。 如何在Cordova设备准备好之前限制AngluarJS的引导。 基本上我不想在设备准备好之前使用任何AngularJS控制器。
从jquery $ .ajax到angular $ http
我有这个jQuery代码工作很好交叉来源： jQuery.ajax({ url: "http://example.appspot.com/rest/app", type: "POST", data: JSON.stringify({"foo":"bar"}), dataType: "json", contentType: "application/json; charset=utf-8", success: function (response) { console.log("success"); }, error: function (response) { console.log("failed"); } }); 现在我打算把这个转换成Angular.js代码没有任何成功： $http({ url: "http://example.appspot.com/rest/app", dataType: "json", method: "POST", data: JSON.stringify({"foo":"bar"}), headers: { "Content-Type": "application/json; charset=utf-8" } }).success(function(response){ $scope.response = response; }).error(function(error){ $scope.error = error; }); 任何帮助赞赏。
使用ng-class的AngularJS切换类
我正在尝试使用ng-class切换元素ng-class <button class="btn"> <i ng-class="{(isAutoScroll()) ? 'icon-autoscroll' : 'icon-autoscroll-disabled'}"></i> </button> isAutoScroll（）： $scope.isAutoScroll = function() { $scope.autoScroll = ($scope.autoScroll) ? false : true; return $scope.autoScroll; } 基本上，如果$scope.autoScroll为true，我希望ng-class是icon-autoscroll ，如果它是false，我希望它是icon-autoscroll-disabled 我现在有什么不工作，并在控制台中产生这个错误 Error: Lexer Error: Unexpected next character at columns 18-18 [?] in expression [{(isAutoScroll()) ? 'icon-autoscroll' : 'icon-autoscroll-disabled'}]. 我如何正确地做到这一点？ 编辑 解决scheme1 :(过时） <button class="btn" ng-click="autoScroll = !autoScroll"> <i […]
使用ng-changeselectng对象
给定以下select元素 <select ng-options="size.code as size.name for size in sizes " ng-model="item.size.code" ng-change="update(MAGIC_THING)"> </select> 有没有办法让MAGIC_THING等于当前选定的大小，所以我可以在我的控制器中访问size.name和size.code ？ size.code会影响应用程序的其他部分（图片url等），但是当item.size.code的ng模型更新时， item.size.name需要更新，以便面向用户东东。 我假设正确的方法是捕获更改事件，并设置我的控制器内的值，但我不知道我可以通过更新来获得正确的值。 如果这是完全错误的方式去做，我很想知道正确的方法。
