angular_recaptcha 0.0.10

  • README.md
  • CHANGELOG.md
  • Installing
  • Versions
  • 72

Angular Recaptcha (Dart)

How to use

Add to pubspec.yaml

angular_recaptcha: ^0.0.8
# If you are still running angular `v2` or `v3`,
# then you need to use: 
# angular_recaptcha: "0.0.6"` 

then

pub get

Add to index.html

Deprecated Adding the script tag is no more necessary

<script src="https://www.google.com/recaptcha/api.js?render=explicit"></script>

Use it

<angular-recaptcha [(ngModel)]="value" key="YOUR_KEY" auto-render></angular-recaptcha>

Options

Support ngModel for Form validation.

@Inputs

  • String size: Support "normal" or "compact"
  • String key: Your sitekey
  • String theme: Support "light" or "dark"
  • String type: Support "image" or "audio"
  • bool autoRender: will render the captchat automatically when ready
  • String tabindex

@Outputs

  • expire: notify when the token is expired, we also set value to null

Getter

  • value: get the value of the captcha

Functions

  • render(): manually render the captcha
  • reset(): manually reset the captcha

More documentations

More

import 'package:angular/angular.dart';
import 'package:angular_recaptcha/angular_recaptcha.dart';

@Component(
    selector: 'app',
    template: '''
        <angular-recaptcha [(ngModel)]="value" key="YOUR_KEY" [(ngModel)]="value" auto-render></angular-recaptcha>
        ''',
    directives: const [AngularRecaptcha, formDirectives ]
)
class AppComponent {
  String value;
}

0.0.10

  • Deprecated

    • Adding the script tag is no more necessary
  • Breaking Changes

    • num render() is now returning a Future, Future<num> render()

0.0.9

  • Add documentation
  • fix ddc
  • Breaking Changes
    • If you want to use ngModel you have to import formDirectives from angular_forms

0.0.8

  • update value when expire

0.0.7

  • Upgraded to angular v4.0.0
  • Added Changelog

0.0.1

  • Initial version

1. Depend on it

Add this to your package's pubspec.yaml file:


dependencies:
  angular_recaptcha: "^0.0.10"

2. Install it

You can install packages from the command line:

with pub:


$ pub get

Alternatively, your editor might support pub get. Check the docs for your editor to learn more.

3. Import it

Now in your Dart code, you can use:


import 'package:angular_recaptcha/angular_recaptcha.dart';
        
Version Uploaded Documentation Archive
0.0.10 Dec 28, 2017 Go to the documentation of angular_recaptcha 0.0.10 Download angular_recaptcha 0.0.10 archive
0.0.9 Dec 7, 2017 Go to the documentation of angular_recaptcha 0.0.9 Download angular_recaptcha 0.0.9 archive
0.0.8 Sep 21, 2017 Go to the documentation of angular_recaptcha 0.0.8 Download angular_recaptcha 0.0.8 archive
0.0.7 Jul 12, 2017 Go to the documentation of angular_recaptcha 0.0.7 Download angular_recaptcha 0.0.7 archive
0.0.6 May 19, 2017 Go to the documentation of angular_recaptcha 0.0.6 Download angular_recaptcha 0.0.6 archive
0.0.5 Mar 16, 2017 Go to the documentation of angular_recaptcha 0.0.5 Download angular_recaptcha 0.0.5 archive
0.0.4 Feb 12, 2017 Go to the documentation of angular_recaptcha 0.0.4 Download angular_recaptcha 0.0.4 archive
0.0.3 Jan 5, 2017 Go to the documentation of angular_recaptcha 0.0.3 Download angular_recaptcha 0.0.3 archive
0.0.2 Jan 4, 2017 Go to the documentation of angular_recaptcha 0.0.2 Download angular_recaptcha 0.0.2 archive
0.0.1 Dec 29, 2016 Go to the documentation of angular_recaptcha 0.0.1 Download angular_recaptcha 0.0.1 archive

Analysis

This feature is new.
We welcome feedback.
More details: scoring.

We analyzed this package, and provided a score, details, and suggestions below.

  • completed on Jan 21, 2018
  • Dart: 2.0.0-dev.15.0
  • pana: 0.10.0

Scores

Popularity:
Describes how popular the package is relative to other packages. [more]
45 / 100
Health:
Code health derived from static analysis. [more]
98 / 100
Maintenance:
Reflects how tidy and up-to-date the package is. [more]
100 / 100
Overall score:
Weighted score of the above. [more]
72

Platforms

Detected platforms: web

Primary library: package:angular_recaptcha/angular_recaptcha.dart.

Suggestions

  • The description is too short.

    Add more detail about the package, what it does and what is its target use case. Try to write at least 60 characters.

  • Package is pre-v1 release.

    While there is nothing inherently wrong with versions of 0.*.*, it usually means that the author is still experimenting with the general direction API.

  • Maintain an example.

    Create a short demo in the example/ directory to show how to use this package. Common file name patterns include: main.dart, example.dart or you could also use angular_recaptcha.dart.

Dependencies

Package Constraint Resolved Available
Direct dependencies
Dart SDK >=1.24.0 <2.0.0
angular >=4.0.0 <5.0.0 4.0.0+2 5.0.0-alpha+4
angular_forms ^1.0.0 1.0.0 1.0.1-alpha+4
dart_browser_loader ^0.0.2 0.0.3
js ^0.6.0 0.6.1
Transitive dependencies
analyzer 0.30.0+4 0.31.0-alpha.2
angular_compiler 0.3.0+1 0.4.0-alpha+4
args 1.2.0
async 2.0.3
barback 0.15.2+14
browser 0.10.0+2
build 0.11.2 0.12.0
build_barback 0.4.0+2 0.5.0+2
charcode 1.1.1
cli_util 0.1.2+1
code_builder 1.0.4 3.0.0
code_transformers 0.5.1+3
collection 1.14.5
convert 2.0.1
crypto 2.0.2+1
csslib 0.14.1
dart_style 1.0.9
front_end 0.1.0-alpha.4.1 0.1.0-alpha.7
func 1.0.0
glob 1.1.5
html 0.13.2+2
intl 0.15.2
isolate 1.1.0
kernel 0.3.0-alpha.1.1 0.3.0-alpha.4
logging 0.11.3+1
matcher 0.12.1+4
meta 1.1.2
package_config 1.0.3
path 1.5.1
plugin 0.2.0+2
pool 1.3.4
quiver 0.25.0 0.28.0
quiver_hashcode 1.0.0
source_gen 0.7.4
source_maps 0.10.4
source_span 1.4.0
stack_trace 1.9.1
string_scanner 1.0.2
tuple 1.0.1
typed_data 1.1.5
utf 0.9.0+3
watcher 0.9.7+6
yaml 2.1.13