AngularJS 1.2.14 (ff): $scope.$watchCollection

$watchCollection würde man intuitiv so verwenden (Quelle):

$scope.$watchCollection(['data.myA', 'data.myB', 'data.myC'], function(newValues, oldValues) {...})

1	$scope.$watchCollection(['data.myA', 'data.myB', 'data.myC'], function(newValues, oldValues) {...})

Das funktioniert aber nicht. Korrekt wäre ein großer String (Quelle):

$scope.$watchCollection('[data.myA, data.myB, data.myC]', function(newValues, oldValues) {...})

1	$scope.$watchCollection('[data.myA, data.myB, data.myC]', function(newValues, oldValues) {...})

Darüber hinaus gibt es einen Bug in v1.2.14 (und in gewissen Szenarien auch darüber hinaus), bei dem newValues[i] immer gleich oldValues[i] ist. Der Fix dafür hat aber ebenfalls einen Bug: Die Dependecies werden nicht korrekt injected. Folgende Änderungen waren nötig:

// line 5: .config(function($provide){
.config(['$provide', function($provide){

// line 11: $provide.decorator('$rootScope', function($delegate, $parse) {
$provide.decorator('$rootScope', ['$delegate', '$parse', function($delegate, $parse) {

// line 142, 144: close Arrays

// line 5: .config(function($provide){

.config(['$provide', function($provide){

// line 11: $provide.decorator('$rootScope', function($delegate, $parse) {

$provide.decorator('$rootScope', ['$delegate', '$parse', function($delegate, $parse) {

// line 142, 144: close Arrays

Ein Pull Request ist nicht möglich, aber vllt zieht sich der Autor das auf meinen Kommentar hin.

Schlussendlich: Nicht vergessen, die Decorators in die App zu injecten:

angular.module('myModule', [..., 'Decorators']);

1	angular.module('myModule', [..., 'Decorators']);

AngularJS: Reload $state

Während die Lösung

$state.go($state.current, {}, {reload: true});

1	$state.go($state.current, {}, {reload: true});

für mich nicht funktioniert hat, tut es allerdings diese:

$state.go($state.current.name, {}, {reload: true});

1	$state.go($state.current.name, {}, {reload: true});

Der zweite Parameter hält die state-Params, also zB $state.params.

(Angular v1.2.14, nur zu Referenzzwecken gepostet)

Ajax Interceptor mit jQuery und Angular

jQuery:

$.ajaxPrefilter(function(options, originalOptions, jqXHR) {
  var token = $("meta[name='_csrf']").attr("content");
  var header = $("meta[name='_csrf_header']").attr("content");
  jqXHR.setRequestHeader(header, token);
});

$.ajaxPrefilter(function(options, originalOptions, jqXHR) {

var token = $("meta[name='_csrf']").attr("content");

var header = $("meta[name='_csrf_header']").attr("content");

jqXHR.setRequestHeader(header, token);

});

Angular:

angular.module("app", [])

.controller("MyController", ['$http', function ($http) {
  // ...
  $http.get("/foo").success(function(data) {
    // ...
  });
}])

.config([ "$httpProvider", function($httpProvider) {
  var token = $("meta[name='_csrf']").attr("content");
  var header = $("meta[name='_csrf_header']").attr("content");
  $httpProvider.defaults.headers.common[header] = token;
}]);

angular.module("app", [])

.controller("MyController", ['$http', function ($http) {

// ...

$http.get("/foo").success(function(data) {

// ...

});

}])

.config([ "$httpProvider", function($httpProvider) {

var token = $("meta[name='_csrf']").attr("content");

var header = $("meta[name='_csrf_header']").attr("content");

$httpProvider.defaults.headers.common[header] = token;

}]);

Für die CSRF-Token siehe hier.

crusy.net

♪ Commit ins Abenteuerland ♫

Tag Archives for Angular

AngularJS 1.2.14 (ff): $scope.$watchCollection

AngularJS: Reload $state

Ajax Interceptor mit jQuery und Angular