2.1.0 • Published 7 years ago

ember-cli-smart-link-to v2.1.0

Weekly downloads
14
License
MIT
Repository
-
Last release
7 years ago

Build Status

Ember-cli-smart-link-to

Component to handle external URLs/paths not just routes as link-to helper.

Example problem to resolve: given an array of objects where a link property can contain either route or URL. If not a route is passed to {{link-to}} that would throw an error.

Important

This component uses block form.

Usage:

          {{#smart-link-to label="Tell me more" link=myLink}}
            <i class="fa fa-angle-right"></i>
          {{/smart-link-to}}

The string in the block form is passed before the <a></a> tag. See below:

Output

If myLink in the previous example is an existing route, e.g. in your router.js:

//router.js
  this.route('myRoute', {path: '/itIsMyPath'});

will be rendered as

<a href="/itIsMyPath">
  <i class="fa fa-angle-right"></i>
  Tell me more
</a>

If it is not an existing route it will render the usual <a> tag.

Options:

OptionDescription
targettarget attribute for <a> tag.
cssClassadded to <a class=""> attribute

Installation

  • ember install ember-cli-smart-link-to

Running

Running Tests

  • ember test
  • ember test --server

Building

  • ember build

For more information on using ember-cli, visit http://www.ember-cli.com/.