-
Notifications
You must be signed in to change notification settings - Fork 274
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
Showing
21 changed files
with
1,664 additions
and
3 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
|
@@ -15,6 +15,9 @@ docType: "directive" | |
</a> | ||
</div> | ||
|
||
<br> | ||
<strong>This directive is deprecated.</strong> | ||
|
||
|
||
|
||
|
||
|
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,93 @@ | ||
--- | ||
layout: "docs_api" | ||
version: "unstable" | ||
versionHref: "/docs/unstable" | ||
path: "api/directive/ngBlur/" | ||
title: "ng-blur" | ||
header_sub_title: "Directive in module scripts" | ||
doc: "ngBlur" | ||
docType: "directive" | ||
--- | ||
|
||
<div class="improve-docs"> | ||
<a href='https://github.com/Famous/famous-angular/edit/master/src/scripts/directives/fa-input.js#L563'> | ||
Improve this doc | ||
</a> | ||
</div> | ||
|
||
|
||
|
||
|
||
|
||
<h1 class="api-title"> | ||
|
||
ng-blur | ||
|
||
|
||
|
||
</h1> | ||
|
||
|
||
|
||
|
||
|
||
Specify custom behavior on blur event. | ||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<h2 id="usage">Usage</h2> | ||
|
||
```html | ||
<window, input, select, textarea, a | ||
ng-blur=""> | ||
... | ||
</window, input, select, textarea, a> | ||
``` | ||
<h2 id="api" style="clear:both;">API</h2> | ||
<table class="table" style="margin:0;"> | ||
<thead> | ||
<tr> | ||
<th>Attr</th> | ||
<th>Type</th> | ||
<th>Details</th> | ||
</tr> | ||
</thead> | ||
<tbody> | ||
<tr> | ||
<td> | ||
ngBlur | ||
</td> | ||
<td> | ||
<code>expression</code> | ||
</td> | ||
<td> | ||
<p><a href="guide/expression">Expression</a> to evaluate upon | ||
blur. (<a href="guide/expression#-event-">Event object is available as <code>$event</code></a>)</p> | ||
</td> | ||
</tr> | ||
</tbody> | ||
</table> | ||
<h2 id="example">Example</h2> | ||
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,74 @@ | ||
--- | ||
layout: "docs_api" | ||
version: "unstable" | ||
versionHref: "/docs/unstable" | ||
path: "api/directive/ngClick/" | ||
title: "ng-click" | ||
header_sub_title: "Directive in module famous.angular" | ||
doc: "ngClick" | ||
docType: "directive" | ||
--- | ||
|
||
<div class="improve-docs"> | ||
<a href='https://github.com/Famous/famous-angular/edit/master/src/scripts/directives/fa-input.js#L2'> | ||
Improve this doc | ||
</a> | ||
</div> | ||
|
||
|
||
|
||
|
||
|
||
<h1 class="api-title"> | ||
|
||
ng-click | ||
|
||
|
||
|
||
</h1> | ||
|
||
|
||
|
||
|
||
|
||
This is a wrapped for tha default ngCick which allows you to specify custom behavior when an fa-surface is clicked. | ||
the wrapper is also design to be be used on touchscreen devices. It matches all the features supported by ngClick on | ||
including ngTouch module for all types of fa-surface. | ||
|
||
If ngTouch is requried to add touch click capabilites in non F/A elements. Add ngTouch dependence before adding famous.angular otherwise | ||
this functionality will be lost. | ||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<h2 id="usage">Usage</h2> | ||
|
||
```html | ||
<ANY fa-click="expression"> | ||
|
||
</ANY> | ||
``` | ||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<h2 id="example">Example</h2><h3 id="ng-click-on-an-fa-surface">ng-click on an fa-surface</h3> | ||
<p><code>ng-click</code> can be used on an <code>fa-surface</code>. Internally, a Famous Surface has a <code>.on()</code> method that binds a callback function to an event type handled by that Surface. | ||
The function expression bound to <code>ng-click</code> is bound to that <code>fa-surface</code>'s click eventHandler, and when the <code>fa-surface</code> is clicked, the function expression will be called. </p> | ||
<pre><code class="lang-html"><fa-modifier fa-size="[100, 100]"> | ||
<fa-surface ng-click="myClickHandler($event)" fa-background-color="'red'"></fa-surface> | ||
</fa-modifier></code></pre> | ||
<p>```javascript | ||
$scope.myClickHandler = function($event) { | ||
console.log("click"); | ||
console.log($event); | ||
};</p> | ||
|
||
|
||
|
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,95 @@ | ||
--- | ||
layout: "docs_api" | ||
version: "unstable" | ||
versionHref: "/docs/unstable" | ||
path: "api/directive/ngCopy/" | ||
title: "ng-copy" | ||
header_sub_title: "Directive in module scripts" | ||
doc: "ngCopy" | ||
docType: "directive" | ||
--- | ||
|
||
<div class="improve-docs"> | ||
<a href='https://github.com/Famous/famous-angular/edit/master/src/scripts/directives/fa-input.js#L578'> | ||
Improve this doc | ||
</a> | ||
</div> | ||
|
||
|
||
|
||
|
||
|
||
<h1 class="api-title"> | ||
|
||
ng-copy | ||
|
||
|
||
|
||
</h1> | ||
|
||
|
||
|
||
|
||
|
||
Specify custom behavior on copy event. | ||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<h2 id="usage">Usage</h2> | ||
|
||
```html | ||
<window, input, select, textarea, a | ||
ng-copy=""> | ||
... | ||
</window, input, select, textarea, a> | ||
``` | ||
<h2 id="api" style="clear:both;">API</h2> | ||
<table class="table" style="margin:0;"> | ||
<thead> | ||
<tr> | ||
<th>Attr</th> | ||
<th>Type</th> | ||
<th>Details</th> | ||
</tr> | ||
</thead> | ||
<tbody> | ||
<tr> | ||
<td> | ||
ngCopy | ||
</td> | ||
<td> | ||
<code>expression</code> | ||
</td> | ||
<td> | ||
<p><a href="guide/expression">Expression</a> to evaluate upon | ||
copy. (<a href="guide/expression#-event-">Event object is available as <code>$event</code></a>)</p> | ||
</td> | ||
</tr> | ||
</tbody> | ||
</table> | ||
<h2 id="example">Example</h2><example> | ||
</example> | ||
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,95 @@ | ||
--- | ||
layout: "docs_api" | ||
version: "unstable" | ||
versionHref: "/docs/unstable" | ||
path: "api/directive/ngCut/" | ||
title: "ng-cut" | ||
header_sub_title: "Directive in module scripts" | ||
doc: "ngCut" | ||
docType: "directive" | ||
--- | ||
|
||
<div class="improve-docs"> | ||
<a href='https://github.com/Famous/famous-angular/edit/master/src/scripts/directives/fa-input.js#L596'> | ||
Improve this doc | ||
</a> | ||
</div> | ||
|
||
|
||
|
||
|
||
|
||
<h1 class="api-title"> | ||
|
||
ng-cut | ||
|
||
|
||
|
||
</h1> | ||
|
||
|
||
|
||
|
||
|
||
Specify custom behavior on cut event. | ||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<h2 id="usage">Usage</h2> | ||
|
||
```html | ||
<window, input, select, textarea, a | ||
ng-cut=""> | ||
... | ||
</window, input, select, textarea, a> | ||
``` | ||
<h2 id="api" style="clear:both;">API</h2> | ||
<table class="table" style="margin:0;"> | ||
<thead> | ||
<tr> | ||
<th>Attr</th> | ||
<th>Type</th> | ||
<th>Details</th> | ||
</tr> | ||
</thead> | ||
<tbody> | ||
<tr> | ||
<td> | ||
ngCut | ||
</td> | ||
<td> | ||
<code>expression</code> | ||
</td> | ||
<td> | ||
<p><a href="guide/expression">Expression</a> to evaluate upon | ||
cut. (<a href="guide/expression#-event-">Event object is available as <code>$event</code></a>)</p> | ||
</td> | ||
</tr> | ||
</tbody> | ||
</table> | ||
<h2 id="example">Example</h2><example> | ||
</example> | ||
Oops, something went wrong.