Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More
Socket
Sign inDemoInstall
Socket

ember-href-to

Package Overview
Dependencies
Maintainers
3
Versions
42
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

ember-href-to - npm Package Compare versions

Comparing version 0.0.6 to 0.0.7

18

addon/helpers/href-to.js

@@ -15,11 +15,13 @@ import Em from 'ember';

var url = $target.attr('href');
var rootUrlLength = router.rootURL.length;
if(rootUrlLength > 1) {
url = url.substr(rootUrlLength);
}
if(url) {
var rootUrlLength = router.rootURL.length;
if(rootUrlLength > 1) {
url = url.substr(rootUrlLength);
}
if(router.router.recognizer.recognize(url)) {
router.handleURL(url);
router.router.updateURL(url);
return false;
if(router.router.recognizer.recognize(url)) {
router.handleURL(url);
router.router.updateURL(url);
return false;
}
}

@@ -26,0 +28,0 @@ }

{
"name": "ember-href-to",
"version": "0.0.6",
"version": "0.0.7",
"description": "A lightweight alternative to `{{link-to}}`",

@@ -5,0 +5,0 @@ "directories": {

# ember-href-to
A lightweight alternative to `{{link-to}}`.
A lightweight alternative to `{{link-to}}`. No views, no class bindings - just a bound anchor href and a click handler.
## Why use it?
Every time you use a `{{link-to}}`, you create a view. This is usually fine, but in cases where you're creating many of these, performance can suffer. `{{href-to}}` is [10x faster](https://github.com/GavinJoyce/ember-performance/pull/1) than `{{link-to}}` in Ember 1.13.4.
Questions? Ping me [@gavinjoyce](https://twitter.com/gavinjoyce)

@@ -15,6 +19,15 @@

`{{href-to}}` has the same interface as [`{{link-to}}`](http://guides.emberjs.com/v1.12.0/templates/links/), you can use it to link to static and dynamic routes in your ember application:
```html
<a href="{{href-to 'contacts.contact' contact}}">View Contact</a>
<a href="{{href-to 'index'}}">Go Home</a>
<a href="{{href-to 'contacts.contact' contact}}">View Contact 1</a>
<a href="{{href-to 'contacts.contact' '2}}">View Contact 2</a>
<a href="{{href-to 'contact-us'}} (query-params section='first')">You can also use query params</a>
```
As `{{href-to}}` simply generates a URL, you won't get automatic `active` class bindings as you do with `{{link-to}}`. Clicking on a `{{href-to}}` URL will trigger a full router transition though:
![href-to2](https://cloud.githubusercontent.com/assets/2526/8709271/0a8b934a-2b39-11e5-8f24-89ece7d6c45d.gif)
## Development Instructions

@@ -21,0 +34,0 @@

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc