Closed roylkng closed 9 years ago
Don't know if i understand the use case correctly.
Right now the current stack and the current state are updated once a new font is selected in the font list.
See the demo on how to use them.
If you need to trigger other logic of your app, based on that change, you need to add a watcher right now.
We can add a on-change
attribute if you need to bind a callback "ng-change"-style.
I hope this helps, if not can you please be more precise on what you're trying to achieve?
Hi, It will be very helpful if u can add 'on-change' attribute because i am using font-select where its usecase require a immediate call-back on change in font. I know current stack updates the new font selected but to i need to bind a callback to load the google font file for the same.
Thanks for the immediate response.
Regards, Kadeval Rajan
On Wed, Oct 8, 2014 at 8:33 PM, Hannes Diercks notifications@github.com wrote:
Don't know if i understand the use case correctly.
Right now the current stack https://github.com/Jimdo/angular-fontselect#current-stack and the current state https://github.com/Jimdo/angular-fontselect#current-stack are updated once a new font is selected in the font list.
See the demo https://github.com/Jimdo/angular-fontselect/tree/master/demo on how to use them.
If you need to trigger other logic of your app, based on that change, you need to add a watcher right now. We can add a on-change attribute if you need to bind a callback "ng-change"-style.
I hope this helps, if not can you please be more precise on what you're trying to achieve?
— Reply to this email directly or view it on GitHub https://github.com/Jimdo/angular-fontselect/issues/37#issuecomment-58372005 .
I'll Add the on-change callback soon. As a workaround you can always use a $watch
For your use case you may want to have a look into the jd-fontselect-current-href directive.
which can be used like this:
<link rel="stylesheet" type="text/css" jd-fontselect-current-href />
And will auto-include any google fonts in the current site.
If you need to get the imports manually you can use the getImports method of the fontService.
I did a bad job on documenting things, in the last time - going to fix that :) thanks for your feedback.
i assume we're ok here
Yes I used the $watch. But in future if you implement any method of binding the change i will be delighted to know.
On Mon, Nov 10, 2014 at 5:30 PM, Hannes Diercks notifications@github.com wrote:
Closed #37 https://github.com/Jimdo/angular-fontselect/issues/37.
— Reply to this email directly or view it on GitHub https://github.com/Jimdo/angular-fontselect/issues/37#event-190728460.
As you can see in the referenced commit 3b4b6d2 there now is a on-change callback
<jd-fontselect on-change="myFunc()"></jd-fontselect>
Sorry didn't checked that. By the way thanks a lot Hannes.
On Mon, Nov 10, 2014 at 6:00 PM, Hannes Diercks notifications@github.com wrote:
As you can see in the referenced commit 3b4b6d2 https://github.com/Jimdo/angular-fontselect/commit/3b4b6d2f69c2887e45535b8b7e6ef78cf34c1d19 there now is a on-change callback
— Reply to this email directly or view it on GitHub https://github.com/Jimdo/angular-fontselect/issues/37#issuecomment-62377812 .
you're very welcome :+1: thanks for the feedback!
Hi, When i moved revamped my admin in bower and used jd-fontselect i am also facing the issue #36. Below is the whole error, please look into it.
Error: [$rootScope:infdig] 10 $digest() iterations reached. Aborting! Watchers fired in the last 5 iterations: [["fn: expressionInputWatch; newVal: \"62\"; oldVal: \"63\"","fn: interceptedExpression; newVal: 81; oldVal: 72","fn: ngModelWatch; newVal: undefined; oldVal: undefined","fn: expressionInputWatch; newVal: \"1\"; oldVal: undefined","fn: expressionInputWatch; newVal: \"1\"; oldVal: undefined","fn: expressionInputWatch; newVal: \"aubrey\"; oldVal: undefined","font; newVal: {\"subsets\":[\"latin\"],\"variants\":[\"regular\"],\"name\":\"Aubrey\",\"popularity\":151,\"key\":\"aubrey\",\"lastModified\":\"2014-08-28\",\"stack\":\"\"Aubrey\", fantasy, \"google\"\",\"category\":\"display\",\"provider\":\"google\",\"loaded\":true}; oldVal: undefined","fn: expressionInputWatch; newVal: \"1\"; oldVal: undefined","fn: expressionInputWatch; newVal: \"aubrey\"; oldVal: undefined","fn: expressionInputWatch; newVal: \"\"Aubrey\", fantasy, \"google\"\"; oldVal: undefined","fn: expressionInputWatch; newVal: \"Aubrey\"; oldVal: undefined","fn: expressionInputsWatch; newVal: {\"jdfs-active jdfs-highlight\":false}; oldVal: undefined","fn: ngModelWatch; newVal: undefined; oldVal: undefined","fn: expressionInputWatch; newVal: \"1\"; oldVal: undefined","fn: expressionInputWatch; newVal: \"1\"; oldVal: undefined","fn: expressionInputWatch; newVal: \"audiowide\"; oldVal: undefined","font; newVal: {\"subsets\":[\"latin\",\"latin-ext\"],\"variants\":[\"regular\"],\"name\":\"Audiowide\",\"popularity\":498,\"key\":\"audiowide\",\"lastModified\":\"2014-08-28\",\"stack\":\"\"Audiowide\", fantasy, \"google\"\",\"category\":\"display\",\"provider\":\"google\",\"loaded\":true}; oldVal: undefined","fn: expressionInputWatch; newVal: \"1\"; oldVal: undefined","fn: expressionInputWatch; newVal: \"audiowide\"; oldVal: undefined","fn: expressionInputWatch; newVal: \"\"Audiowide\", fantasy, \"google\"\"; oldVal: undefined","fn: expressionInputWatch; newVal: \"Audiowide\"; oldVal: undefined","fn: expressionInputsWatch; newVal: {\"jdfs-active jdfs-highlight\":false}; oldVal: undefined","fn: ngModelWatch; newVal: undefined; oldVal: undefined","fn: expressionInputWatch; newVal: \"1\"; oldVal: undefined","fn: expressionInputWatch; newVal: \"1\"; oldVal: undefined","fn: expressionInputWatch; newVal: \"autour-one\"; oldVal: undefined","font; newVal: {\"subsets\":[\"latin\",\"latin-ext\"],\"variants\":[\"regular\"],\"name\":\"Autour One\",\"popularity\":112,\"key\":\"autour-one\",\"lastModified\":\"2014-08-28\",\"stack\":\"\"Autour One\", fantasy, \"google\"\",\"category\":\"display\",\"provider\":\"google\",\"loaded\":true}; oldVal: undefined","fn: expressionInputWatch; newVal: \"1\"; oldVal: undefined","fn: expressionInputWatch; newVal: \"autour-one\"; oldVal: undefined","fn: expressionInputWatch; newVal: \"\"Autour One\", fantasy, \"google\"\"; oldVal: undefined","fn: expressionInputWatch; newVal: \"Autour One\"; oldVal: undefined","fn: expressionInputsWatch; newVal: {\"jdfs-active jdfs-highlight\":false}; oldVal: undefined","fn: ngModelWatch; newVal: undefined; oldVal: undefined","fn: expressionInputWatch; newVal: \"1\"; oldVal: undefined","fn: expressionInputWatch; newVal: \"1\"; oldVal: undefined","fn: expressionInputWatch; newVal: \"average\"; oldVal: undefined","font; newVal: {\"subsets\":[\"latin\",\"latin-ext\"],\"variants\":[\"regular\"],\"name\":\"Average\",\"popularity\":379,\"key\":\"average\",\"lastModified\":\"2014-08-28\",\"stack\":\"\"Average\", serif, \"google\"\",\"category\":\"serif\",\"provider\":\"google\",\"loaded\":true}; oldVal: undefined","fn: expressionInputWatch; newVal: \"1\"; oldVal: undefined","fn: expressionInputWatch; newVal: \"average\"; oldVal: undefined","fn: expressionInputWatch; newVal: \"\"Average\", serif, \"google\"\"; oldVal: undefined","fn: expressionInputWatch; newVal: \"Average\"; oldVal: undefined","fn: expressionInputsWatch; newVal: {\"jdfs-active jdfs-highlight\":false}; oldVal: undefined","fn: ngModelWatch; newVal: undefined; oldVal: undefined","fn: expressionInputWatch; newVal: \"1\"; oldVal: undefined","fn: expressionInputWatch; newVal: \"1\"; oldVal: undefined","fn: expressionInputWatch; newVal: \"average-sans\"; oldVal: undefined","font; newVal: {\"subsets\":[\"latin\",\"latin-ext\"],\"variants\":[\"regular\"],\"name\":\"Average Sans\",\"popularity\":406,\"key\":\"average-sans\",\"lastModified\":\"2014-08-28\",\"stack\":\"\"Average Sans\", sans-serif, \"google\"\",\"category\":\"sansserif\",\"provider\":\"google\",\"loaded\":true}; oldVal: undefined","fn: expressionInputWatch; newVal: \"1\"; oldVal: undefined","fn: expressionInputWatch; newVal: \"average-sans\"; oldVal: undefined","fn: expressionInputWatch; newVal: \"\"Average Sans\", sans-serif, \"google\"\"; oldVal: undefined","fn: expressionInputWatch; newVal: \"Average Sans\"; oldVal: undefined","fn: expressionInputsWatch; newVal: {\"jdfs-active jdfs-highlight\":false}; oldVal: undefined","fn: ngModelWatch; newVal: undefined; oldVal: undefined","fn: expressionInputWatch; newVal: \"1\"; oldVal: undefined","fn: expressionInputWatch; newVal: \"1\"; oldVal: undefined","fn: expressionInputWatch; newVal: \"averia-gruesa-libre\"; oldVal: undefined","font; newVal: {\"subsets\":[\"latin\",\"latin-ext\"],\"variants\":[\"regular\"],\"name\":\"Averia Gruesa Libre\",\"popularity\":39,\"key\":\"averia-gruesa-libre\",\"lastModified\":\"2014-08-28\",\"stack\":\"\"Averia Gruesa Libre\", fantasy, \"google\"\",\"category\":\"display\",\"provider\":\"google\",\"loaded\":true}; oldVal: undefined","fn: expressionInputWatch; newVal: \"1\"; oldVal: undefined","fn: expressionInputWatch; newVal: \"averia-gruesa-libre\"; oldVal: undefined","fn: expressionInputWatch; newVal: \"\"Averia Gruesa Libre\", fantasy, \"google\"\"; oldVal: undefined","fn: expressionInputWatch; newVal: \"Averia Gruesa Libre\"; oldVal: undefined","fn: expressionInputsWatch; newVal: {\"jdfs-active jdfs-highlight\":false}; oldVal: undefined","fn: ngModelWatch; newVal: undefined; oldVal: undefined","fn: expressionInputWatch; newVal: \"1\"; oldVal: undefined","fn: expressionInputWatch; newVal: \"1\"; oldVal: undefined","fn: expressionInputWatch; newVal: \"averia-libre\"; oldVal: undefined","font; newVal: {\"subsets\":[\"latin\"],\"variants\":[\"300\",\"300italic\",\"regular\",\"italic\",\"700\",\"700italic\"],\"name\":\"Averia Libre\",\"popularity\":162,\"key\":\"averia-libre\",\"lastModified\":\"2014-08-28\",\"stack\":\"\"Averia Libre\", fantasy, \"google\"\",\"category\":\"display\",\"provider\":\"google\",\"loaded\":true}; oldVal: undefined","fn: expressionInputWatch; newVal: \"1\"; oldVal: undefined","fn: expressionInputWatch; newVal: \"averia-libre\"; oldVal: undefined","fn: expressionInputWatch; newVal: \"\"Averia Libre\", fantasy, \"google\"\"; oldVal: undefined","fn: expressionInputWatch; newVal: \"Averia Libre\"; oldVal: undefined","fn: expressionInputsWatch; newVal: {\"jdfs-active jdfs-highlight\":false}; oldVal: undefined","fn: ngModelWatch; newVal: undefined; oldVal: undefined","fn: expressionInputWatch; newVal: \"1\"; oldVal: undefined","fn: expressionInputWatch; newVal: \"1\"; oldVal: undefined","fn: expressionInputWatch; newVal: \"averia-sans-libre\"; oldVal: undefined","font; newVal: {\"subsets\":[\"latin\"],\"variants\":[\"300\",\"300italic\",\"regular\",\"italic\",\"700\",\"700italic\"],\"name\":\"Averia Sans Libre\",\"popularity\":227,\"key\":\"averia-sans-libre\",\"lastModified\":\"2014-08-28\",\"stack\":\"\"Averia Sans Libre\", fantasy, \"google\"\",\"category\":\"display\",\"provider\":\"google\",\"loaded\":true}; oldVal: undefined","fn: expressionInputWatch; newVal: \"1\"; oldVal: undefined","fn: expressionInputWatch; newVal: \"averia-sans-libre\"; oldVal: undefined","fn: expressionInputWatch; newVal: \"\"Averia Sans Libre\", fantasy, \"google\"\"; oldVal: undefined","fn: expressionInputWatch; newVal: \"Averia Sans Libre\"; oldVal: undefined","fn: expressionInputsWatch; newVal: {\"jdfs-active jdfs-highlight\":false}; oldVal: undefined","fn: ngModelWatch; newVal: undefined; oldVal: undefined","fn: expressionInputWatch; newVal: \"1\"; oldVal: undefined","fn: expressionInputWatch; newVal: \"1\"; oldVal: undefined","fn: expressionInputWatch; newVal: \"averia-serif-libre\"; oldVal: undefined","font; newVal: {\"subsets\":[\"latin\"],\"variants\":[\"300\",\"300italic\",\"regular\",\"italic\",\"700\",\"700italic\"],\"name\":\"Averia Serif Libre\",\"popularity\":125,\"key\":\"averia-serif-libre\",\"lastModified\":\"2014-08-28\",\"stack\":\"\"Averia Serif Libre\", fantasy, \"google\"\",\"category\":\"display\",\"provider\":\"google\",\"loaded\":true}; oldVal: undefined","fn: expressionInputWatch; newVal: \"1\"; oldVal: undefined","fn: expressionInputWatch; newVal: \"averia-serif-libre\"; oldVal: undefined","fn: expressionInputWatch; newVal: \"\"Averia Serif Libre\", fantasy, \"google\"\"; oldVal: undefined","fn: expressionInputWatch; newVal: \"Averia Serif Libre\"; oldVal: undefined","fn: expressionInputsWatch; newVal: {\"jdfs-active jdfs-highlight\":false}; oldVal: undefined","fn: expressionInputWatch; newVal: \"606\"; oldVal: \"615\"","fn: expressionInputWatch; newVal: \"631\"; oldVal: \"640\""],["fn: expressionInputWatch; newVal: \"61\"; oldVal: \"62\"","fn: interceptedExpression; newVal: 90; oldVal: 81","fn: ngModelWatch; newVal: undefined; oldVal: undefined","fn: expressionInputWatch; newVal: \"1\"; oldVal: undefined","fn: expressionInputWatch; newVal: \"1\"; oldVal: undefined","fn: expressionInputWatch; newVal: \"bad-script\"; oldVal: undefined","font; newVal: {\"subsets\":[\"latin\",\"cyrillic\"],\"variants\":[\"regular\"],\"name\":\"Bad Script\",\"popularity\":461,\"key\":\"bad-script\",\"lastModified\":\"2014-08-28\",\"stack\":\"\"Bad Script\", cursive, \"google\"\",\"category\":\"handwriting\",\"provider\":\"google\",\"loaded\":true}; oldVal: undefined","fn: expressionInputWatch; newVal: \"1\"; oldVal: undefined","fn: expressionInputWatch; newVal: \"bad-script\"; oldVal: undefined","fn: expressionInputWatch; newVal: \"\"Bad Script\", cursive, \"google\"\"; oldVal: undefined","fn: expressionInputWatch; newVal: \"Bad Script\"; oldVal: undefined","fn: expressionInputsWatch; newVal: {\"jdfs-active jdfs-highlight\":false}; oldVal: undefined","fn: ngModelWatch; newVal: undefined; oldVal: undefined","fn: expressionInputWatch; newVal: \"1\"; oldVal: undefined","fn: expressionInputWatch; newVal: \"1\"; oldVal: undefined","fn: expressionInputWatch; newVal: \"balthazar\"; oldVal: undefined","font; newVal: {\"subsets\":[\"latin\"],\"variants\":[\"regular\"],\"name\":\"Balthazar\",\"popularity\":232,\"key\":\"balthazar\",\"lastModified\":\"2014-08-28\",\"stack\":\"\"Balthazar\", serif, \"google\"\",\"category\":\"serif\",\"provider\":\"google\",\"loaded\":true}; oldVal: undefined","fn: expressionInputWatch; newVal: \"1\"; oldVal: undefined","fn: expressionInputWatch; newVal: \"balthazar\"; oldVal: undefined","fn: expressionInputWatch; newVal: \"\"Balthazar\", serif, \"google\"\"; oldVal: undefined","fn: expressionInputWatch; newVal: \"Balthazar\"; oldVal: undefined","fn: expressionInputsWatch; newVal: {\"jdfs-active jdfs-highlight\":false}; oldVal: undefined","fn: ngModelWatch; newVal: undefined; oldVal: undefined","fn: expressionInputWatch; newVal: \"1\"; oldVal: undefined","fn: expressionInputWatch; newVal: \"1\"; oldVal: undefined","fn: expressionInputWatch; newVal: \"bangers\"; oldVal: undefined","font; newVal: {\"subsets\":[\"latin\"],\"variants\":[\"regular\"],\"name\":\"Bangers\",\"popularity\":563,\"key\":\"bangers\",\"lastModified\":\"2014-08-28\",\"stack\":\"\"Bangers\", fantasy, \"google\"\",\"category\":\"display\",\"provider\":\"google\",\"loaded\":true}; oldVal: undefined","fn: expressionInputWatch; newVal: \"1\"; oldVal: undefined","fn: expressionInputWatch; newVal: \"bangers\"; oldVal: undefined","fn: expressionInputWatch; newVal: \"\"Bangers\", fantasy, \"google\"\"; oldVal: undefined","fn: expressionInputWatch; newVal: \"Bangers\"; oldVal: undefined","fn: expressionInputsWatch; newVal: {\"jdfs-active jdfs-highlight\":false}; oldVal: undefined","fn: ngModelWatch; newVal: undefined; oldVal: undefined","fn: expressionInputWatch; newVal: \"1\"; oldVal: undefined","fn: expressionInputWatch; newVal: \"1\"; oldVal: undefined","fn: expressionInputWatch; newVal: \"basic\"; oldVal: undefined","font; newVal: {\"subsets\":[\"latin\",\"latin-ext\"],\"variants\":[\"regular\"],\"name\":\"Basic\",\"popularity\":460,\"key\":\"basic\",\"lastModified\":\"2014-08-28\",\"stack\":\"\"Basic\", sans-serif, \"google\"\",\"category\":\"sansserif\",\"provider\":\"google\",\"loaded\":true}; oldVal: undefined","fn: expressionInputWatch; newVal: \"1\"; oldVal: undefined","fn: expressionInputWatch; newVal: \"basic\"; oldVal: undefined","fn: expressionInputWatch; newVal: \"\"Basic\", sans-serif, \"google\"\"; oldVal: undefined","fn: expressionInputWatch; newVal: \"Basic\"; oldVal: undefined","fn: expressionInputsWatch; newVal: {\"jdfs-active jdfs-highlight\":false}; oldVal: undefined","fn: ngModelWatch; newVal: undefined; oldVal: undefined","fn: expressionInputWatch; newVal: \"1\"; oldVal: undefined","fn: expressionInputWatch; newVal: \"1\"; oldVal: undefined","fn: expressionInputWatch; newVal: \"baumans\"; oldVal: undefined","font; newVal: {\"subsets\":[\"latin\"],\"variants\":[\"regular\"],\"name\":\"Baumans\",\"popularity\":307,\"key\":\"baumans\",\"lastModified\":\"2014-08-28\",\"stack\":\"\"Baumans\", fantasy, \"google\"\",\"category\":\"display\",\"provider\":\"google\",\"loaded\":true}; oldVal: undefined","fn: expressionInputWatch; newVal: \"1\"; oldVal: undefined","fn: expressionInputWatch; newVal: \"baumans\"; oldVal: undefined","fn: expressionInputWatch; newVal: \"\"Baumans\", fantasy, \"google\"\"; oldVal: undefined","fn: expressionInputWatch; newVal: \"Baumans\"; oldVal: undefined","fn: expressionInputsWatch; newVal: {\"jdfs-active jdfs-highlight\":false}; oldVal: undefined","fn: ngModelWatch; newVal: undefined; oldVal: undefined","fn: expressionInputWatch; newVal: \"1\"; oldVal: undefined","fn: expressionInputWatch; newVal: \"1\"; oldVal: undefined","fn: expressionInputWatch; newVal: \"belgrano\"; oldVal: undefined","font; newVal: {\"subsets\":[\"latin\"],\"variants\":[\"regular\"],\"name\":\"Belgrano\",\"popularity\":288,\"key\":\"belgrano\",\"lastModified\":\"2014-08-28\",\"stack\":\"\"Belgrano\", serif, \"google\"\",\"category\":\"serif\",\"provider\":\"google\",\"loaded\":true}; oldVal: undefined","fn: expressionInputWatch; newVal: \"1\"; oldVal: undefined","fn: expressionInputWatch; newVal: \"belgrano\"; oldVal: undefined","fn: expressionInputWatch; newVal: \"\"Belgrano\", serif, \"google\"\"; oldVal: undefined","fn: expressionInputWatch; newVal: \"Belgrano\"; oldVal: undefined","fn: expressionInputsWatch; newVal: {\"jdfs-active jdfs-highlight\":false}; oldVal: undefined","fn: ngModelWatch; newVal: undefined; oldVal: undefined","fn: expressionInputWatch; newVal: \"1\"; oldVal: undefined","fn: expressionInputWatch; newVal: \"1\"; oldVal: undefined","fn: expressionInputWatch; newVal: \"belleza\"; oldVal: undefined","font; newVal: {\"subsets\":[\"latin\",\"latin-ext\"],\"variants\":[\"regular\"],\"name\":\"Belleza\",\"popularity\":440,\"key\":\"belleza\",\"lastModified\":\"2014-08-28\",\"stack\":\"\"Belleza\", sans-serif, \"google\"\",\"category\":\"sansserif\",\"provider\":\"google\",\"loaded\":true}; oldVal: undefined","fn: expressionInputWatch; newVal: \"1\"; oldVal: undefined","fn: expressionInputWatch; newVal: \"belleza\"; oldVal: undefined","fn: expressionInputWatch; newVal: \"\"Belleza\", sans-serif, \"google\"\"; oldVal: undefined","fn: expressionInputWatch; newVal: \"Belleza\"; oldVal: undefined","fn: expressionInputsWatch; newVal: {\"jdfs-active jdfs-highlight\":false}; oldVal: undefined","fn: ngModelWatch; newVal: undefined; oldVal: undefined","fn: expressionInputWatch; newVal: \"1\"; oldVal: undefined","fn: expressionInputWatch; newVal: \"1\"; oldVal: undefined","fn: expressionInputWatch; newVal: \"benchnine\"; oldVal: undefined","font; newVal: {\"subsets\":[\"latin\",\"latin-ext\"],\"variants\":[\"300\",\"regular\",\"700\"],\"name\":\"BenchNine\",\"popularity\":574,\"key\":\"benchnine\",\"lastModified\":\"2014-08-28\",\"stack\":\"\"BenchNine\", sans-serif, \"google\"\",\"category\":\"sansserif\",\"provider\":\"google\",\"loaded\":true}; oldVal: undefined","fn: expressionInputWatch; newVal: \"1\"; oldVal: undefined","fn: expressionInputWatch; newVal: \"benchnine\"; oldVal: undefined","fn: expressionInputWatch; newVal: \"\"BenchNine\", sans-serif, \"google\"\"; oldVal: undefined","fn: expressionInputWatch; newVal: \"BenchNine\"; oldVal: undefined","fn: expressionInputsWatch; newVal: {\"jdfs-active jdfs-highlight\":false}; oldVal: undefined","fn: ngModelWatch; newVal: undefined; oldVal: undefined","fn: expressionInputWatch; newVal: \"1\"; oldVal: undefined","fn: expressionInputWatch; newVal: \"1\"; oldVal: undefined","fn: expressionInputWatch; newVal: \"bentham\"; oldVal: undefined","font; newVal: {\"subsets\":[\"latin\"],\"variants\":[\"regular\"],\"name\":\"Bentham\",\"popularity\":369,\"key\":\"bentham\",\"lastModified\":\"2014-08-28\",\"stack\":\"\"Bentham\", serif, \"google\"\",\"category\":\"serif\",\"provider\":\"google\",\"loaded\":true}; oldVal: undefined","fn: expressionInputWatch; newVal: \"1\"; oldVal: undefined","fn: expressionInputWatch; newVal: \"bentham\"; oldVal: undefined","fn: expressionInputWatch; newVal: \"\"Bentham\", serif, \"google\"\"; oldVal: undefined","fn: expressionInputWatch; newVal: \"Bentham\"; oldVal: undefined","fn: expressionInputsWatch; newVal: {\"jdfs-active jdfs-highlight\":false}; oldVal: undefined","fn: expressionInputWatch; newVal: \"597\"; oldVal: \"606\"","fn: expressionInputWatch; newVal: \"622\"; oldVal: \"631\""],["fn: expressionInputWatch; newVal: \"60\"; oldVal: \"61\"","fn: interceptedExpression; newVal: 99; oldVal: 90","fn: ngModelWatch; newVal: undefined; oldVal: undefined","fn: expressionInputWatch; newVal: \"1\"; oldVal: undefined","fn: expressionInputWatch; newVal: \"1\"; oldVal: undefined","fn: expressionInputWatch; newVal: \"berkshire-swash\"; oldVal: undefined","font; newVal: {\"subsets\":[\"latin\",\"latin-ext\"],\"variants\":[\"regular\"],\"name\":\"Berkshire Swash\",\"popularity\":447,\"key\":\"berkshire-swash\",\"lastModified\":\"2014-08-28\",\"stack\":\"\"Berkshire Swash\", cursive, \"google\"\",\"category\":\"handwriting\",\"provider\":\"google\",\"loaded\":true}; oldVal: undefined","fn: expressionInputWatch; newVal: \"1\"; oldVal: undefined","fn: expressionInputWatch; newVal: \"berkshire-swash\"; oldVal: undefined","fn: expressionInputWatch; newVal: \"\"Berkshire Swash\", cursive, \"google\"\"; oldVal: undefined","fn: expressionInputWatch; newVal: \"Berkshire Swash\"; oldVal: undefined","fn: expressionInputsWatch; newVal: {\"jdfs-active jdfs-highlight\":false}; oldVal: undefined","fn: ngModelWatch; newVal: undefined; oldVal: undefined","fn: expressionInputWatch; newVal: \"1\"; oldVal: undefined","fn: expressionInputWatch; newVal: \"1\"; oldVal: undefined","fn: expressionInputWatch; newVal: \"bevan\"; oldVal: undefined","font; newVal: {\"subsets\":[\"latin\"],\"variants\":[\"regular\"],\"name\":\"Bevan\",\"popularity\":553,\"key\":\"bevan\",\"lastModified\":\"2014-08-28\",\"stack\":\"\"Bevan\", fantasy, \"google\"\",\"category\":\"display\",\"provider\":\"google\",\"loaded\":true}; oldVal: undefined","fn: expressionInputWatch; newVal: \"1\"; oldVal: undefined","fn: expressionInputWatch; newVal: \"bevan\"; oldVal: undefined","fn: expressionInputWatch; newVal: \"\"Bevan\", fantasy, \"google\"\"; oldVal: undefined","fn: expressionInputWatch; newVal: \"Bevan\"; oldVal: undefined","fn: expressionInputsWatch; newVal: {\"jdfs-active jdfs-highlight\":false}; oldVal: undefined","fn: ngModelWatch; newVal: undefined; oldVal: undefined","fn: expressionInputWatch; newVal: \"1\"; oldVal: undefined","fn: expressionInputWatch; newVal: \"1\"; oldVal: undefined","fn: expressionInputWatch; newVal: \"bigelow-rules\"; oldVal: undefined","font; newVal: {\"subsets\":[\"latin\",\"latin-ext\"],\"variants\":[\"regular\"],\"name\":\"Bigelow Rules\",\"popularity\":68,\"key\":\"bigelow-rules\",\"lastModified\":\"2014-08-28\",\"stack\":\"\"Bigelow Rules\", fantasy, \"google\"\",\"category\":\"display\",\"provider\":\"google\",\"loaded\":true}; oldVal: undefined","fn: expressionInputWatch; newVal: \"1\"; oldVal: undefined","fn: expressionInputWatch; newVal: \"bigelow-rules\"; oldVal: undefined","fn: expressionInputWatch; newVal: \"\"Bigelow Rules\", fantasy, \"google\"\"; oldVal: undefined","fn: expressionInputWatch; newVal: \"Bigelow Rules\"; oldVal: undefined","fn: expressionInputsWatch; newVal: {\"jdfs-active jdfs-highlight\":false}; oldVal: undefined","fn: ngModelWatch; newVal: undefined; oldVal: undefined","fn: expressionInputWatch; newVal: \"1\"; oldVal: undefined","fn: expressionInputWatch; newVal: \"1\"; oldVal: undefined","fn: expressionInputWatch; newVal: \"bigshot-one\"; oldVal: undefined","font; newVal: {\"subsets\":[\"latin\"],\"variants\":[\"regular\"],\"name\":\"Bigshot One\",\"popularity\":193,\"key\":\"bigshot-one\",\"lastModified\":\"2014-08-28\",\"stack\":\"\"Bigshot One\", fantasy, \"google\"\",\"category\":\"display\",\"provider\":\"google\",\"loaded\":true}; oldVal: undefined","fn: expressionInputWatch; newVal: \"1\"; oldVal: undefined","fn: expressionInputWatch; newVal: \"bigshot-one\"; oldVal: undefined","fn: expressionInputWatch; newVal: \"\"Bigshot One\", fantasy, \"google\"\"; oldVal: undefined","fn: expressionInputWatch; newVal: \"Bigshot One\"; oldVal: undefined","fn: expressionInputsWatch; newVal: {\"jdfs-active jdfs-highlight\":false}; oldVal: undefined","fn: ngModelWatch; newVal: undefined; oldVal: undefined","fn: expressionInputWatch; newVal: \"1\"; oldVal: undefined","fn: expressionInputWatch; newVal: \"1\"; oldVal: undefined","fn: expressionInputWatch; newVal: \"bilbo\"; oldVal: undefined","font; newVal: {\"subsets\":[\"latin\",\"latin-ext\"],\"variants\":[\"regular\"],\"name\":\"Bilbo\",\"popularity\":159,\"key\":\"bilbo\",\"lastModified\":\"2014-08-28\",\"stack\":\"\"Bilbo\", cursive, \"google\"\",\"category\":\"handwriting\",\"provider\":\"google\",\"loaded\":true}; oldVal: undefined","fn: expressionInputWatch; newVal: \"1\"; oldVal: undefined","fn: expressionInputWatch; newVal: \"bilbo\"; oldVal: undefined","fn: expressionInputWatch; newVal: \"\"Bilbo\", cursive, \"google\"\"; oldVal: undefined","fn: expressionInputWatch; newVal: \"Bilbo\"; oldVal: undefined","fn: expressionInputsWatch; newVal: {\"jdfs-active jdfs-highlight\":false}; oldVal: undefined","fn: ngModelWatch; newVal: undefined; oldVal: undefined","fn: expressionInputWatch; newVal: \"1\"; oldVal: undefined","fn: expressionInputWatch; newVal: \"1\"; oldVal: undefined","fn: expressionInputWatch; newVal: \"bilbo-swash-caps\"; oldVal: undefined","font; newVal: {\"subsets\":[\"latin\",\"latin-ext\"],\"variants\":[\"regular\"],\"name\":\"Bilbo Swash Caps\",\"popularity\":251,\"key\":\"bilbo-swash-caps\",\"lastModified\":\"2014-08-28\",\"stack\":\"\"Bilbo Swash Caps\", cursive, \"google\"\",\"category\":\"handwriting\",\"provider\":\"google\",\"loaded\":true}; oldVal: undefined","fn: expressionInputWatch; newVal: \"1\"; oldVal: undefined","fn: expressionInputWatch; newVal: \"bilbo-swash-caps\"; oldVal: undefined","fn: expressionInputWatch; newVal: \"\"Bilbo Swash Caps\", cursive, \"google\"\"; oldVal: undefined","fn: expressionInputWatch; newVal: \"Bilbo Swash Caps\"; oldVal: undefined","fn: expressionInputsWatch; newVal: {\"jdfs-active jdfs-highlight\":false}; oldVal: undefined","fn: ngModelWatch; newVal: undefined; oldVal: undefined","fn: expressionInputWatch; newVal: \"1\"; oldVal: undefined","fn: expressionInputWatch; newVal: \"1\"; oldVal: undefined","fn: expressionInputWatch; newVal: \"bitter\"; oldVal: undefined","font; newVal: {\"subsets\":[\"latin\",\"latin-ext\"],\"variants\":[\"regular\",\"italic\",\"700\"],\"name\":\"Bitter\",\"popularity\":659,\"key\":\"bitter\",\"lastModified\":\"2014-08-28\",\"stack\":\"\"Bitter\", serif, \"google\"\",\"category\":\"serif\",\"provider\":\"google\",\"loaded\":true}; oldVal: undefined","fn: expressionInputWatch; newVal: \"1\"; oldVal: undefined","fn: expressionInputWatch; newVal: \"bitter\"; oldVal: undefined","fn: expressionInputWatch; newVal: \"\"Bitter\", serif, \"google\"\"; oldVal: undefined","fn: expressionInputWatch; newVal: \"Bitter\"; oldVal: undefined","fn: expressionInputsWatch; newVal: {\"jdfs-active jdfs-highlight\":false}; oldVal: undefined","fn: ngModelWatch; newVal: undefined; oldVal: undefined","fn: expressionInputWatch; newVal: \"1\"; oldVal: undefined","fn: expressionInputWatch; newVal: \"1\"; oldVal: undefined","fn: expressionInputWatch; newVal: \"black-ops-one\"; oldVal: undefined","font; newVal: {\"subsets\":[\"latin\",\"latin-ext\"],\"variants\":[\"regular\"],\"name\":\"Black Ops One\",\"popularity\":543,\"key\":\"black-ops-one\",\"lastModified\":\"2014-08-28\",\"stack\":\"\"Black Ops One\", fantasy, \"google\"\",\"category\":\"display\",\"provider\":\"google\",\"loaded\":true}; oldVal: undefined","fn: expressionInputWatch; newVal: \"1\"; oldVal: undefined","fn: expressionInputWatch; newVal: \"black-ops-one\"; oldVal: undefined","fn: expressionInputWatch; newVal: \"\"Black Ops One\", fantasy, \"google\"\"; oldVal: undefined","fn: expressionInputWatch; newVal: \"Black Ops One\"; oldVal: undefined","fn: expressionInputsWatch; newVal: {\"jdfs-active jdfs-highlight\":false}; oldVal: undefined","fn: ngModelWatch; newVal: undefined; oldVal: undefined","fn: expressionInputWatch; newVal: \"1\"; oldVal: undefined","fn: expressionInputWatch; newVal: \"1\"; oldVal: undefined","fn: expressionInputWatch; newVal: \"bonbon\"; oldVal: undefined","font; newVal: {\"subsets\":[\"latin\"],\"variants\":[\"regular\"],\"name\":\"Bonbon\",\"popularity\":16,\"key\":\"bonbon\",\"lastModified\":\"2014-08-28\",\"stack\":\"\"Bonbon\", cursive, \"google\"\",\"category\":\"handwriting\",\"provider\":\"google\",\"loaded\":true}; oldVal: undefined","fn: expressionInputWatch; newVal: \"1\"; oldVal: undefined","fn: expressionInputWatch; newVal: \"bonbon\"; oldVal: undefined","fn: expressionInputWatch; newVal: \"\"Bonbon\", cursive, \"google\"\"; oldVal: undefined","fn: expressionInputWatch; newVal: \"Bonbon\"; oldVal: undefined","fn: expressionInputsWatch; newVal: {\"jdfs-active jdfs-highlight\":false}; oldVal: undefined","fn: expressionInputWatch; newVal: \"588\"; oldVal: \"597\"","fn: expressionInputWatch; newVal: \"613\"; oldVal: \"622\""],["fn: expressionInputWatch; newVal: \"59\"; oldVal: \"60\"","fn: interceptedExpression; newVal: 108; oldVal: 99","fn: ngModelWatch; newVal: undefined; oldVal: undefined","fn: expressionInputWatch; newVal: \"1\"; oldVal: undefined","fn: expressionInputWatch; newVal: \"1\"; oldVal: undefined","fn: expressionInputWatch; newVal: \"boogaloo\"; oldVal: undefined","font; newVal: {\"subsets\":[\"latin\"],\"variants\":[\"regular\"],\"name\":\"Boogaloo\",\"popularity\":392,\"key\":\"boogaloo\",\"lastModified\":\"2014-08-28\",\"stack\":\"\"Boogaloo\", fantasy, \"google\"\",\"category\":\"display\",\"provider\":\"google\",\"loaded\":true}; oldVal: undefined","fn: expressionInputWatch; newVal: \"1\"; oldVal: undefined","fn: expressionInputWatch; newVal: \"boogaloo\"; oldVal: undefined","fn: expressionInputWatch; newVal: \"\"Boogaloo\", fantasy, \"google\"\"; oldVal: undefined","fn: expressionInputWatch; newVal: \"Boogaloo\"; oldVal: undefined","fn: expressionInputsWatch; newVal: {\"jdfs-active jdfs-highlight\":false}; oldVal: undefined","fn: ngModelWatch; newVal: undefined; oldVal: undefined","fn: expressionInputWatch; newVal: \"1\"; oldVal: undefined","fn: expressionInputWatch; newVal: \"1\"; oldVal: undefined","fn: expressionInputWatch; newVal: \"bowlby-one\"; oldVal: undefined","font; newVal: {\"subsets\":[\"latin\"],\"variants\":[\"regular\"],\"name\":\"Bowlby One\",\"popularity\":321,\"key\":\"bowlby-one\",\"lastModified\":\"2014-08-28\",\"stack\":\"\"Bowlby One\", fantasy, \"google\"\",\"category\":\"display\",\"provider\":\"google\",\"loaded\":true}; oldVal: undefined","fn: expressionInputWatch; newVal: \"1\"; oldVal: undefined","fn: expressionInputWatch; newVal: \"bowlby-one\"; oldVal: undefined","fn: expressionInputWatch; newVal: \"\"Bowlby One\", fantasy, \"google\"\"; oldVal: undefined","fn: expressionInputWatch; newVal: \"Bowlby One\"; oldVal: undefined","fn: expressionInputsWatch; newVal: {\"jdfs-active jdfs-highlight\":false}; oldVal: undefined","fn: ngModelWatch; newVal: undefined; oldVal: undefined","fn: expressionInputWatch; newVal: \"1\"; oldVal: undefined","fn: expressionInputWatch; newVal: \"1\"; oldVal: undefined","fn: expressionInputWatch; newVal: \"bowlby-one-sc\"; oldVal: undefined","font; newVal: {\"subsets\":[\"latin\",\"latin-ext\"],\"variants\":[\"regular\"],\"name\":\"Bowlby One SC\",\"popularity\":300,\"key\":\"bowlby-one-sc\",\"lastModified\":\"2014-08-28\",\"stack\":\"\"Bowlby One SC\", fantasy, \"google\"\",\"category\":\"display\",\"provider\":\"google\",\"loaded\":true}; oldVal: undefined","fn: expressionInputWatch; newVal: \"1\"; oldVal: undefined","fn: expressionInputWatch; newVal: \"bowlby-one-sc\"; oldVal: undefined","fn: expressionInputWatch; newVal: \"\"Bowlby One SC\", fantasy, \"google\"\"; oldVal: undefined","fn: expressionInputWatch; newVal: \"Bowlby One SC\"; oldVal: undefined","fn: expressionInputsWatch; newVal: {\"jdfs-active jdfs-highlight\":false}; oldVal: undefined","fn: ngModelWatch; newVal: undefined; oldVal: undefined","fn: expressionInputWatch; newVal: \"1\"; oldVal: undefined","fn: expressionInputWatch; newVal: \"1\"; oldVal: undefined","fn: expressionInputWatch; newVal: \"brawler\"; oldVal: undefined","font; newVal: {\"subsets\":[\"latin\"],\"variants\":[\"regular\"],\"name\":\"Brawler\",\"popularity\":377,\"key\":\"brawler\",\"lastModified\":\"2014-08-28\",\"stack\":\"\"Brawler\", serif, \"google\"\",\"category\":\"serif\",\"provider\":\"google\",\"loaded\":true}; oldVal: undefined","fn: expressionInputWatch; newVal: \"1\"; oldVal: undefined","fn: expressionInputWatch; newVal: \"brawler\"; oldVal: undefined","fn: expressionInputWatch; newVal: \"\"Brawler\", serif, \"google\"\"; oldVal: undefined","fn: expressionInputWatch; newVal: \"Brawler\"; oldVal: undefined","fn: expressionInputsWatch; newVal: {\"jdfs-active jdfs-highlight\":false}; oldVal: undefined","fn: ngModelWatch; newVal: undefined; oldVal: undefined","fn: expressionInputWatch; newVal: \"1\"; oldVal: undefined","fn: expressionInputWatch; newVal: \"1\"; oldVal: undefined","fn: expressionInputWatch; newVal: \"bree-serif\"; oldVal: undefined","font; newVal: {\"subsets\":[\"latin\",\"latin-ext\"],\"variants\":[\"regular\"],\"name\":\"Bree Serif\",\"popularity\":635,\"key\":\"bree-serif\",\"lastModified\":\"2014-08-28\",\"stack\":\"\"Bree Serif\", serif, \"google\"\",\"category\":\"serif\",\"provider\":\"google\",\"loaded\":true}; oldVal: undefined","fn: expressionInputWatch; newVal: \"1\"; oldVal: undefined","fn: expressionInputWatch; newVal: \"bree-serif\"; oldVal: undefined","fn: expressionInputWatch; newVal: \"\"Bree Serif\", serif, \"google\"\"; oldVal: undefined","fn: expressionInputWatch; newVal: \"Bree Serif\"; oldVal: undefined","fn: expressionInputsWatch; newVal: {\"jdfs-active jdfs-highlight\":false}; oldVal: undefined","fn: ngModelWatch; newVal: undefined; oldVal: undefined","fn: expressionInputWatch; newVal: \"1\"; oldVal: undefined","fn: expressionInputWatch; newVal: \"1\"; oldVal: undefined","fn: expressionInputWatch; newVal: \"brushscript\"; oldVal: undefined","font; newVal: {\"name\":\"Brush Script\",\"key\":\"brushscript\",\"category\":\"handwriting\",\"stack\":\"\"Brush Script MT\", cursive, \"websafe\"\",\"popularity\":5,\"lastModified\":\"2014-01-29\",\"provider\":\"websafe\",\"loaded\":true}; oldVal: undefined","fn: expressionInputWatch; newVal: \"1\"; oldVal: undefined","fn: expressionInputWatch; newVal: \"brushscript\"; oldVal: undefined","fn: expressionInputWatch; newVal: \"\"Brush Script MT\", cursive, \"websafe\"\"; oldVal: undefined","fn: expressionInputWatch; newVal: \"Brush Script\"; oldVal: undefined","fn: expressionInputsWatch; newVal: {\"jdfs-active jdfs-highlight\":false}; oldVal: undefined","fn: ngModelWatch; newVal: undefined; oldVal: undefined","fn: expressionInputWatch; newVal: \"1\"; oldVal: undefined","fn: expressionInputWatch; newVal: \"1\"; oldVal: undefined","fn: expressionInputWatch; newVal: \"bubblegum-sans\"; oldVal: undefined","font; newVal: {\"subsets\":[\"latin\",\"latin-ext\"],\"variants\":[\"regular\"],\"name\":\"Bubblegum Sans\",\"popularity\":493,\"key\":\"bubblegum-sans\",\"lastModified\":\"2014-08-28\",\"stack\":\"\"Bubblegum Sans\", fantasy, \"google\"\",\"category\":\"display\",\"provider\":\"google\",\"loaded\":true}; oldVal: undefined","fn: expressionInputWatch; newVal: \"1\"; oldVal: undefined","fn: expressionInputWatch; newVal: \"bubblegum-sans\"; oldVal: undefined","fn: expressionInputWatch; newVal: \"\"Bubblegum Sans\", fantasy, \"google\"\"; oldVal: undefined","fn: expressionInputWatch; newVal: \"Bubblegum Sans\"; oldVal: undefined","fn: expressionInputsWatch; newVal: {\"jdfs-active jdfs-highlight\":false}; oldVal: undefined","fn: ngModelWatch; newVal: undefined; oldVal: undefined","fn: expressionInputWatch; newVal: \"1\"; oldVal: undefined","fn: expressionInputWatch; newVal: \"1\"; oldVal: undefined","fn: expressionInputWatch; newVal: \"bubbler-one\"; oldVal: undefined","font; newVal: {\"subsets\":[\"latin\",\"latin-ext\"],\"variants\":[\"regular\"],\"name\":\"Bubbler One\",\"popularity\":55,\"key\":\"bubbler-one\",\"lastModified\":\"2014-08-28\",\"stack\":\"\"Bubbler One\", sans-serif, \"google\"\",\"category\":\"sansserif\",\"provider\":\"google\",\"loaded\":true}; oldVal: undefined","fn: expressionInputWatch; newVal: \"1\"; oldVal: undefined","fn: expressionInputWatch; newVal: \"bubbler-one\"; oldVal: undefined","fn: expressionInputWatch; newVal: \"\"Bubbler One\", sans-serif, \"google\"\"; oldVal: undefined","fn: expressionInputWatch; newVal: \"Bubbler One\"; oldVal: undefined","fn: expressionInputsWatch; newVal: {\"jdfs-active jdfs-highlight\":false}; oldVal: undefined","fn: ngModelWatch; newVal: undefined; oldVal: undefined","fn: expressionInputWatch; newVal: \"1\"; oldVal: undefined","fn: expressionInputWatch; newVal: \"1\"; oldVal: undefined","fn: expressionInputWatch; newVal: \"buda\"; oldVal: undefined","font; newVal: {\"subsets\":[\"latin\"],\"variants\":[\"300\"],\"name\":\"Buda\",\"popularity\":240,\"key\":\"buda\",\"lastModified\":\"2014-08-28\",\"stack\":\"\"Buda\", fantasy, \"google\"\",\"category\":\"display\",\"provider\":\"google\",\"loaded\":true}; oldVal: undefined","fn: expressionInputWatch; newVal: \"1\"; oldVal: undefined","fn: expressionInputWatch; newVal: \"buda\"; oldVal: undefined","fn: expressionInputWatch; newVal: \"\"Buda\", fantasy, \"google\"\"; oldVal: undefined","fn: expressionInputWatch; newVal: \"Buda\"; oldVal: undefined","fn: expressionInputsWatch; newVal: {\"jdfs-active jdfs-highlight\":false}; oldVal: undefined","fn: expressionInputWatch; newVal: \"579\"; oldVal: \"588\"","fn: expressionInputWatch; newVal: \"604\"; oldVal: \"613\""],["fn: expressionInputWatch; newVal: \"58\"; oldVal: \"59\"","fn: interceptedExpression; newVal: 117; oldVal: 108","fn: ngModelWatch; newVal: undefined; oldVal: undefined","fn: expressionInputWatch; newVal: \"1\"; oldVal: undefined","fn: expressionInputWatch; newVal: \"1\"; oldVal: undefined","fn: expressionInputWatch; newVal: \"buenard\"; oldVal: undefined","font; newVal: {\"subsets\":[\"latin\",\"latin-ext\"],\"variants\":[\"regular\",\"700\"],\"name\":\"Buenard\",\"popularity\":277,\"key\":\"buenard\",\"lastModified\":\"2014-08-28\",\"stack\":\"\"Buenard\", serif, \"google\"\",\"category\":\"serif\",\"provider\":\"google\",\"loaded\":true}; oldVal: undefined","fn: expressionInputWatch; newVal: \"1\"; oldVal: undefined","fn: expressionInputWatch; newVal: \"buenard\"; oldVal: undefined","fn: expressionInputWatch; newVal: \"\"Buenard\", serif, \"google\"\"; oldVal: undefined","fn: expressionInputWatch; newVal: \"Buenard\"; oldVal: undefined","fn: expressionInputsWatch; newVal: {\"jdfs-active jdfs-highlight\":false}; oldVal: undefined","fn: ngModelWatch; newVal: undefined; oldVal: undefined","fn: expressionInputWatch; newVal: \"1\"; oldVal: undefined","fn: expressionInputWatch; newVal: \"1\"; oldVal: undefined","fn: expressionInputWatch; newVal: \"butcherman\"; oldVal: undefined","font; newVal: {\"subsets\":[\"latin\",\"latin-ext\"],\"variants\":[\"regular\"],\"name\":\"Butcherman\",\"popularity\":27,\"key\":\"butcherman\",\"lastModified\":\"2014-08-28\",\"stack\":\"\"Butcherman\", fantasy, \"google\"\",\"category\":\"display\",\"provider\":\"google\",\"loaded\":true}; oldVal: undefined","fn: expressionInputWatch; newVal: \"1\"; oldVal: undefined","fn: expressionInputWatch; newVal: \"butcherman\"; oldVal: undefined","fn: expressionInputWatch; newVal: \"\"Butcherman\", fantasy, \"google\"\"; oldVal: undefined","fn: expressionInputWatch; newVal: \"Butcherman\"; oldVal: undefined","fn: expressionInputsWatch; newVal: {\"jdfs-active jdfs-highlight\":false}; oldVal: undefined","fn: ngModelWatch; newVal: undefined; oldVal: undefined","fn: expressionInputWatch; newVal: \"1\"; oldVal: undefined","fn: expressionInputWatch; newVal: \"1\"; oldVal: undefined","fn: expressionInputWatch; newVal: \"butterfly-kids\"; oldVal: undefined","font; newVal: {\"subsets\":[\"latin\",\"latin-ext\"],\"variants\":[\"regular\"],\"name\":\"Butterfly Kids\",\"popularity\":58,\"key\":\"butterfly-kids\",\"lastModified\":\"2014-08-28\",\"stack\":\"\"Butterfly Kids\", cursive, \"google\"\",\"category\":\"handwriting\",\"provider\":\"google\",\"loaded\":true}; oldVal: undefined","fn: expressionInputWatch; newVal: \"1\"; oldVal: undefined","fn: expressionInputWatch; newVal: \"butterfly-kids\"; oldVal: undefined","fn: expressionInputWatch; newVal: \"\"Butterfly Kids\", cursive, \"google\"\"; oldVal: undefined","fn: expressionInputWatch; newVal: \"Butterfly Kids\"; oldVal: undefined","fn: expressionInputsWatch; newVal: {\"jdfs-active jdfs-highlight\":false}; oldVal: undefined","fn: ngModelWatch; newVal: undefined; oldVal: undefined","fn: expressionInputWatch; newVal: \"1\"; oldVal: undefined","fn: expressionInputWatch; newVal: \"1\"; oldVal: undefined","fn: expressionInputWatch; newVal: \"cabin\"; oldVal: undefined","font; newVal: {\"subsets\":[\"latin\"],\"variants\":[\"regular\",\"italic\",\"500\",\"500italic\",\"600\",\"600italic\",\"700\",\"700italic\"],\"name\":\"Cabin\",\"popularity\":644,\"key\":\"cabin\",\"lastModified\":\"2014-08-28\",\"stack\":\"\"Cabin\", sans-serif, \"google\"\",\"category\":\"sansserif\",\"provider\":\"google\",\"loaded\":true}; oldVal: undefined","fn: expressionInputWatch; newVal: \"1\"; oldVal: undefined","fn: expressionInputWatch; newVal: \"cabin\"; oldVal: undefined","fn: expressionInputWatch; newVal: \"\"Cabin\", sans-serif, \"google\"\"; oldVal: undefined","fn: expressionInputWatch; newVal: \"Cabin\"; oldVal: undefined","fn: expressionInputsWatch; newVal: {\"jdfs-active jdfs-highlight\":false}; oldVal: undefined","fn: ngModelWatch; newVal: undefined; oldVal: undefined","fn: expressionInputWatch; newVal: \"1\"; oldVal: undefined","fn: expressionInputWatch; newVal: \"1\"; oldVal: undefined","fn: expressionInputWatch; newVal: \"cabin-condensed\"; oldVal: undefined","font; newVal: {\"subsets\":[\"latin\"],\"variants\":[\"regular\",\"500\",\"600\",\"700\"],\"name\":\"Cabin Condensed\",\"popularity\":597,\"key\":\"cabin-condensed\",\"lastModified\":\"2014-08-28\",\"stack\":\"\"Cabin Condensed\", sans-serif, \"google\"\",\"category\":\"sansserif\",\"provider\":\"google\",\"loaded\":true}; oldVal: undefined","fn: expressionInputWatch; newVal: \"1\"; oldVal: undefined","fn: expressionInputWatch; newVal: \"cabin-condensed\"; oldVal: undefined","fn: expressionInputWatch; newVal: \"\"Cabin Condensed\", sans-serif, \"google\"\"; oldVal: undefined","fn: expressionInputWatch; newVal: \"Cabin Condensed\"; oldVal: undefined","fn: expressionInputsWatch; newVal: {\"jdfs-active jdfs-highlight\":false}; oldVal: undefined","fn: ngModelWatch; newVal: undefined; oldVal: undefined","fn: expressionInputWatch; newVal: \"1\"; oldVal: undefined","fn: expressionInputWatch; newVal: \"1\"; oldVal: undefined","fn: expressionInputWatch; newVal: \"cabin-sketch\"; oldVal: undefined","font; newVal: {\"subsets\":[\"latin\"],\"variants\":[\"regular\",\"700\"],\"name\":\"Cabin Sketch\",\"popularity\":439,\"key\":\"cabin-sketch\",\"lastModified\":\"2014-08-28\",\"stack\":\"\"Cabin Sketch\", fantasy, \"google\"\",\"category\":\"display\",\"provider\":\"google\",\"loaded\":true}; oldVal: undefined","fn: expressionInputWatch; newVal: \"1\"; oldVal: undefined","fn: expressionInputWatch; newVal: \"cabin-sketch\"; oldVal: undefined","fn: expressionInputWatch; newVal: \"\"Cabin Sketch\", fantasy, \"google\"\"; oldVal: undefined","fn: expressionInputWatch; newVal: \"Cabin Sketch\"; oldVal: undefined","fn: expressionInputsWatch; newVal: {\"jdfs-active jdfs-highlight\":false}; oldVal: undefined","fn: ngModelWatch; newVal: undefined; oldVal: undefined","fn: expressionInputWatch; newVal: \"1\"; oldVal: undefined","fn: expressionInputWatch; newVal: \"1\"; oldVal: undefined","fn: expressionInputWatch; newVal: \"caesar-dressing\"; oldVal: undefined","font; newVal: {\"subsets\":[\"latin\"],\"variants\":[\"regular\"],\"name\":\"Caesar Dressing\",\"popularity\":115,\"key\":\"caesar-dressing\",\"lastModified\":\"2014-08-28\",\"stack\":\"\"Caesar Dressing\", fantasy, \"google\"\",\"category\":\"display\",\"provider\":\"google\",\"loaded\":true}; oldVal: undefined","fn: expressionInputWatch; newVal: \"1\"; oldVal: undefined","fn: expressionInputWatch; newVal: \"caesar-dressing\"; oldVal: undefined","fn: expressionInputWatch; newVal: \"\"Caesar Dressing\", fantasy, \"google\"\"; oldVal: undefined","fn: expressionInputWatch; newVal: \"Caesar Dressing\"; oldVal: undefined","fn: expressionInputsWatch; newVal: {\"jdfs-active jdfs-highlight\":false}; oldVal: undefined","fn: ngModelWatch; newVal: undefined; oldVal: undefined","fn: expressionInputWatch; newVal: \"1\"; oldVal: undefined","fn: expressionInputWatch; newVal: \"1\"; oldVal: undefined","fn: expressionInputWatch; newVal: \"cagliostro\"; oldVal: undefined","font; newVal: {\"subsets\":[\"latin\"],\"variants\":[\"regular\"],\"name\":\"Cagliostro\",\"popularity\":144,\"key\":\"cagliostro\",\"lastModified\":\"2014-08-28\",\"stack\":\"\"Cagliostro\", sans-serif, \"google\"\",\"category\":\"sansserif\",\"provider\":\"google\",\"loaded\":true}; oldVal: undefined","fn: expressionInputWatch; newVal: \"1\"; oldVal: undefined","fn: expressionInputWatch; newVal: \"cagliostro\"; oldVal: undefined","fn: expressionInputWatch; newVal: \"\"Cagliostro\", sans-serif, \"google\"\"; oldVal: undefined","fn: expressionInputWatch; newVal: \"Cagliostro\"; oldVal: undefined","fn: expressionInputsWatch; newVal: {\"jdfs-active jdfs-highlight\":false}; oldVal: undefined","fn: expressionInputWatch; newVal: \"571\"; oldVal: \"579\"","fn: expressionInputWatch; newVal: \"596\"; oldVal: \"604\""]] http://errors.angularjs.org/1.3.2/$rootScope/infdig?p0=10&p1=%5B%5B%22fn%3A …3B%20newVal%3A%20%5C%22596%5C%22%3B%20oldVal%3A%20%5C%22604%5C%22%22%5D%5D
On Mon, Nov 10, 2014 at 7:43 PM, Hannes Diercks notifications@github.com wrote:
you're very welcome [image: :+1:] thanks for the feedback!
— Reply to this email directly or view it on GitHub https://github.com/Jimdo/angular-fontselect/issues/37#issuecomment-62388898 .
As it does not include ng-model so cannot implement ng-change. Is there any other way to auto update the font in preview as soon as it is changed without submitting the form ?