https://github.com/timfjord/metang

AngularJS meta tags library
https://github.com/timfjord/metang

Last synced: 3 months ago
JSON representation

AngularJS meta tags library

• Host: GitHub
• URL: https://github.com/timfjord/metang
• Owner: timfjord
• License: mit
• Created: 2014-12-26T16:59:42.000Z (about 10 years ago)
• Default Branch: master
• Last Pushed: 2019-09-21T06:07:17.000Z (over 5 years ago)
• Last Synced: 2024-10-11T15:37:29.111Z (3 months ago)
• Language: CoffeeScript
• Size: 23.4 KB
• Stars: 5
• Watchers: 1
• Forks: 1
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# [metang](https://github.com/timsly/metang/)

![](http://www.poke-amph.com/heartgoldsoulsilver/sprites/375.png)

**metang** it is not just robotic Pokémon it's also AngularJS library to manage meta tags.

Currently it supports only rendering meta tags with name or property atrributes and title.

[![Build Status](https://travis-ci.org/timsly/metang.svg?branch=master)](https://travis-ci.org/timsly/metang)

## Installation

1. Install **metang** via bower: `bower install metang`

2. Include files in the app: `dist/metang.js`(`dist/metang.min.js`)

3. Include module: `metang`

## Usage

#### Configuration

```js

angular.module('YourModule').config(function(metangProvider) {

  metangProvider.title({

    separator: ' - ',

    prefix: 'My Site Prefix',

    suffix: 'My Site Suffix'

  });

  metangProvider.meta({description: 'desc', author: 'Author'});

  metangProvider.meta('twitter', {card: 'summary'});

  metangProvider.property('og', {title: 'My Title'});

});

```

#### Provider

```js

angular.module('YourModule').controller('DetailsCtrl', function($scope, metang) {

   metang.title('Page title');

   metang.property('og', {description: 'Description'});

   metang.meta({description: 'Details description'});

});

```

Available methods:

* **metang.title**

  * `metang.title('My title')` - update title

  * `metang.title({separator: ' ~ ', prefix: 'My Site Prefix', suffix: 'My Site Suffix'})` - update title options

* **metang.meta**

  * `metang.meta({description: 'desc', author: 'Author'})` - update meta tags that use name attribute

  * `metang.meta('twitter', {card: 'summary'})` - update meta tags that use name attribute with namespace

* **metang.property**

  * `metang.property({title: 'My Title'})` - update meta tags that use property attribute

  * `metang.property('og', {description: 'Description'})` - update meta tags that use property attribute with namespace

All this methods available during config phase, with the only difference that `metang.title` accepts only object argument

#### Template

```html

```

**metang** will automatically append all available meta tags(including title).

Title output wil be [Title Prefix][Title Separator][Title][Title Separator][Title Suffix]

In case you want to render title or other meta tags explicitly. You need to let **metang** knows about such tags and it will

update it dymanicaly and also exlude it from list that renders automatically

```html

  My Site

  

```

## TODO

- [ ] Add support for charset and http-equiv meta tags

- [ ] Add other tags like link

## Contributing

1. Fork it

2. Install all libraries (`npm install`)

3. Create your feature branch (`git checkout -b my-new-feature`)

4. Build project (`gulp build`)

5. Commit your changes (`git commit -am 'Add some feature'`)

6. Push to the branch (`git push origin my-new-feature`)

7. Create new Pull Request

## License

Licensed under MIT.