After your call to promise.resolve(): Call $timeout.flush(). This will force a digest cycle and propagate the promise resolution Call done(). This tells Jasmine the async tests have completed Here’s an example (Demo on Plunker): describe(‘AngularJS promises and Jasmine 2.0’, function() { var $q, $timeout; beforeEach(inject(function(_$q_, _$timeout_) { // Set `$q` and `$timeout` before tests run … Read more
I just ran into this same issue and managed to solve it. In my case, the model is being obtained via a RESTful $resource and the value for the amount is being provided as a string to the field, which in turn wipes out the value. In order to address this, I ended up doing … Read more
I’ll let others do the compare/contrast with Angular, but here are some answers to two of your questions. So isn’t this actually MVC with a different name? The presence in Flux of a separation of concerns between the data/logic layer and the view layer does not make it MVC. Many other patterns have a similar … Read more
After searching a lot for this I’ve found that we can trigger validation simply by calling $validate() on the desired field. So for example if your form is named my_form (i.e. in the markup the form tag has a name=”my_form” attribute) and the name of the field you want to validate is date (in the … Read more
Templates can be embedded in the main html. For example, with the following index.html: <!DOCTYPE html> <html ng-app=app> <meta charset=utf-8> <title>App</title> <ng-view>Loading…</ng-view> <script type=text/ng-template id=partial1.html> <p>foo = {{foo}}</p> </script> <script type=text/ng-template id=partial2.html> <p>Contents of partial2.html</p> </script> <script src=app.js></script> you can use the following app.js: angular.module(‘app’, [], [‘$routeProvider’, ‘$controllerProvider’, function($routeProvider, $controllerProvider) { $routeProvider.when(‘/p1’, { templateUrl: ‘partial1.html’, … Read more
I think the best way of doing this would be to use ng-switch, just one controller, one route, no reload, using variables shared in all steps, like this: <div ng-controller=”stepCtrl”> <div ng-switch=”step”> <div ng-switch-when=”1″> <!– here you can include your step 1 template, or simply just hardcode it here: –> <div ng-include src=”‘…/step1.html'”> <button ng-click=”setStep(1)”></button> … Read more
You could use an Angular Service to share variable acrosss multiple controllers. angular.module(‘myApp’, []) .service(‘User’, function () { return {}; }) To share the data among independent controllers, Services can be used. Create a service with the data model that needs to be shared. Inject the service in the respective controllers. function ControllerA($scope, User) { … Read more
Replace: ng-class=”{‘active’: {{selectedCat == cat.id}}}” With: ng-class=”{‘active’: selectedCat == cat.id}” You never need to nest those curly braces like that, in Angular. Have a look at the ng-class documentation for some more examples.
Are they really opposing forces? In some sense they are, and in some other sense they aren’t. People are definitely using React inside Angular directives, but they mostly do that to get a performance boost and not because they think React is awesome. And if you’re only looking into React for better performance, you’re really … Read more
Angular creates a change detector object (see ChangeDetectorRef) per component, which tracks the last value of each template binding, such as {{service.a}}. By default, after every asynchronous browser event (such as a response from a server, or a click event, or a timeout event), Angular change detection executes and dirty checks every binding using those … Read more