| var qDecorator = function($delegate) { | |
| /** | |
| * Similar to $q.reject, this is a convenience method to create and resolve a Promise. | |
| * @param {Object} data Value to resolve the promise with | |
| * @returns {Promise} A resolved promise | |
| */ | |
| $delegate.resolve = function(data) { | |
| var deferred = this.defer(); | |
| deferred.resolve(data); |
Here is a simple example showing how to use:
<html>
<head>
Here is a simple example showing how to use:
<html>
<head>
<script src="libs/task-runner/task-runner.js"></script>
Validation example for the form shown here: http://jeremydorn.com/json-editor/
Assuming all of the fields in the form you linked to are required, I'll start by showing what formFor validation rules would look like:
{
name: {
required: true
},
age: {
| var StyleMatcher = function() { | |
| this.indicatorContainer_ = document.createElement('div'); | |
| document.body.appendChild(this.indicatorContainer_); | |
| }; | |
| StyleMatcher.DEFAULT_STYLES_ = { | |
| position: 'absolute', | |
| borderWidth: '1px', | |
| borderStyle: 'solid', |
This afternoon I encountered a race condition in an Angular app I'm working on. Essentially my controller was pushing some values to an Array on its scope and something (I wasn't sure what) was asynchronously overriding the Array's contents. The Array was being used by a custom directive- written by someone else- as well as an ngModel and it wasn't clear who was making the change.
I ended up trying something I had not done before and it worked well enough that I thought I'd post it here in case it helped anyone else.
First I enabled The "Async" option in Chrome's "Sources > Call Stack" panel.
Next I set a breakpoint in my controller where I was modifying the Array. When I hit that breakpoint, I ran the following code in my console:
Object.observe(this.theArray, function(changes) {
| /** @flow */ | |
| import React, { Component } from 'react' | |
| import { ContentBox, ContentBoxHeader, ContentBoxParagraph } from '../demo/ContentBox' | |
| import Immutable from 'immutable' | |
| import InfiniteLoader from './InfiniteLoader' | |
| import FlexTable from '../FlexTable/FlexTable' | |
| import FlexColumn from '../FlexTable/FlexColumn' | |
| function noop () {} |
This gist is in response to a question asked on the Reddit Angular JS forum about how to structure an Angular app with roles and permissions.
There are many ways to approach this, but I'll share one that I've used before and maybe it will give you an idea. I'd combine all of the above into a single app and control who gets to see what using permissions. There are a few components to this approach...
First off I'd advise creating some sort of local session management service. This should be able to track whether you have an authenticated user and- if so- what types of permissions that user has. (Lots of ways to manage permissions. I'll assume your user object has either a 'role' enum or something simple like an array of string permissions.) You could roll your own session service or you could check out something like satellizer.
Let's assume yo
| <!DOCTYPE html> | |
| <html> | |
| <head> | |
| <meta charset="utf-8"/> | |
| <title>js-search indexing</title> | |
| <script src="https://cdnjs.cloudflare.com/ajax/libs/benchmark/1.0.0/benchmark.min.js"></script> | |
| <script src="./suite.js"></script> | |
| </head> | |
| <body> | |
| <h1>Open the console to view the results</h1> |
| const hasLabelProperty = path => | |
| path.node.value.expression.properties.find( | |
| property => property.key.name === "label" | |
| ); | |
| const isGlamorAttribute = path => { | |
| return path.node.name.name === "css"; | |
| }; | |
| const getParentComponentName = path => { |