Dennis Rongo menacestudio

## gist:9d25efcd922662709eb7
private Control FindField(Control source, string id)
{
    Control target = source.FindControl(id);
    if (target != null) return target;
    foreach (Control child in source.Controls)
    {
        target = this.FindField(child, id);
        if (target != null) return target;
    }
    return null;

## example.html
Choose a ticket class: <select id="tickets"></select>

<p id="ticketOutput"></p>

<script id="ticketTemplate" type="text/x-jquery-tmpl">
    {{if chosenTicket}}
        You have chosen <b>${ chosenTicket().name }</b>
        ($${ chosenTicket().price })
        <button data-bind="click: resetTicket">Clear</button>
    {{/if}}

## jquery.loadasync.js
// Load scripts asynchronously
jQuery.loadAsync = function(url, callback) {
	// Don't use $.getScript since it disables caching
	jQuery.ajax({
		'url': url,
		'dataType': 'script',
		'cache': true,
		'success': callback || jQuery.noop
	});
};

## gist:2026647
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script>window.jQuery || document.write('<script src="js/libs/jquery-1.7.1.min.js"><\/script>')</script>

## jspat6_4.html
<html>
<head>
<title>Chapter 6 Section 4, Pro JavaScript Design Patterns</title>
</head>
<body>
<script>

// this is straight from the code exampes at http://jsdesignpatterns.com/
// sadly, it fails with a syntax error.  quoth JSLint:
//

## ServiceResolverAdapter.cs
public class ServiceResolverAdapter : IDependencyResolver
{
    private readonly System.Web.Mvc.IDependencyResolver dependencyResolver;

    public ServiceResolverAdapter(System.Web.Mvc.IDependencyResolver dependencyResolver)
    {
        if (dependencyResolver == null) throw new ArgumentNullException("dependencyResolver");
        this.dependencyResolver = dependencyResolver;
    }

## gist:36c8d1d246a94098c16b

      
              1 file
            
          
              0 forks
            
          
              0 comments
            
          
              0 stars
            
          
                menacestudio
                / gist:36c8d1d246a94098c16b
            
            
              Last active
              August 29, 2015 14:19
                — forked from bvaughn/gist:012fb525e6c819fdc9bf
            
          
    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) {

  
## slider.ts
    slider.$inject = [];
    function slider() {

        return <ng.IDirective>{
            restrict: 'E',
            replace: true,
            scope: {
                model: '=ngModel',
                isRequired: '=',
                min: '=',

## numericOnly.ts
    numericOnly.$inject = ['$log'];
    function numericOnly(
        $log: ng.ILogService): ng.IDirective {

        return <ng.IDirective>{
            restrict: 'A',
            scope: true,
            link: link
        };

## datepickerFormatter.js
    function datepickerPopup() {
        return <ng.IDirective>{
            restrict: 'EAC',
            require: 'ngModel',
            link: function ($scope, $element, $attrs, controller) {
                controller.$formatters.shift();
            }
        }
    }
    angular.module('app').directive('datepickerPopup', datepickerPopup);
	private Control FindField(Control source, string id)
	{
	Control target = source.FindControl(id);
	if (target != null) return target;
	foreach (Control child in source.Controls)
	{
	target = this.FindField(child, id);
	if (target != null) return target;
	}
	return null;
	Choose a ticket class: <select id="tickets"></select>

	<p id="ticketOutput"></p>

	<script id="ticketTemplate" type="text/x-jquery-tmpl">
	{{if chosenTicket}}
	You have chosen <b>${ chosenTicket().name }</b>
	($${ chosenTicket().price })
	<button data-bind="click: resetTicket">Clear</button>
	{{/if}}
	// Load scripts asynchronously
	jQuery.loadAsync = function(url, callback) {
	// Don't use $.getScript since it disables caching
	jQuery.ajax({
	'url': url,
	'dataType': 'script',
	'cache': true,
	'success': callback \|\| jQuery.noop
	});
	};
	<script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
	<script>window.jQuery \|\| document.write('<script src="js/libs/jquery-1.7.1.min.js"><\/script>')</script>
	<html>
	<head>
	<title>Chapter 6 Section 4, Pro JavaScript Design Patterns</title>
	</head>
	<body>
	<script>

	// this is straight from the code exampes at http://jsdesignpatterns.com/
	// sadly, it fails with a syntax error. quoth JSLint:
	//
	public class ServiceResolverAdapter : IDependencyResolver
	{
	private readonly System.Web.Mvc.IDependencyResolver dependencyResolver;

	public ServiceResolverAdapter(System.Web.Mvc.IDependencyResolver dependencyResolver)
	{
	if (dependencyResolver == null) throw new ArgumentNullException("dependencyResolver");
	this.dependencyResolver = dependencyResolver;
	}
	slider.$inject = [];
	function slider() {

	return <ng.IDirective>{
	restrict: 'E',
	replace: true,
	scope: {
	model: '=ngModel',
	isRequired: '=',
	min: '=',
	numericOnly.$inject = ['$log'];
	function numericOnly(
	$log: ng.ILogService): ng.IDirective {

	return <ng.IDirective>{
	restrict: 'A',
	scope: true,
	link: link
	};
	function datepickerPopup() {
	return <ng.IDirective>{
	restrict: 'EAC',
	require: 'ngModel',
	link: function ($scope, $element, $attrs, controller) {
	controller.$formatters.shift();
	}
	}
	}
	angular.module('app').directive('datepickerPopup', datepickerPopup);