Как связать внешний URL с LinkTo с HandelBars

В настоящее время я начинаю учиться использовать Ember.js для разработки веб-приложений. В настоящее время есть что-то довольно основное, чего я еще не смог достичь. Ссылка на внешний URL-адрес, например www.google.com или что-то еще. Это то, что у меня есть:

HTML

<body>
    <script type="text/x-handlebars">
    <div>
      Hello, <strong>{{firstName}} {{lastName}}</strong>!
    </div>

      {{#linkTo google}}Google{{/linkTo}}

    </script>
</body>





$(document).ready(function() {



//alert("HELLO WORLD");
window.App = Ember.Application.create();

App.ApplicationController = Ember.Controller.extend({
    firstName: "Trek",
    lastName: "Glowacki",
    googleURL: "www.google.com/ncr"
});

App.Router.map(function() {
    this.route("google", {
        path: "www.google.com"
    });

});

});

Когда ссылка показывает, что она работает, но она идет по этому адресу: E:/EMBERJS/index.html#/www.google.com

Любые подсказки будут очень признательны. Я не могу поверить, что не понял этого сам по себе, но небольшая внешняя помощь не может повредить.

Привет,

Ох

Ответы

Ответ 1

Вы не хотите использовать помощник linkTo для этого. Помощник linkTo используется для перехода к другим состояниям вашего приложения Ember.JS, тогда как вы пытаетесь отодвинуть людей от своего приложения.

Можно использовать два метода:

  • Это привяжет ваш targetUrl к вашему якорю, но он не будет обновляться, если URL-адрес будет изменен.

    <a target="_blank" href="{{unbound view.targetUrl}}">Google</a>

  • Следующий подход будет привязан к привязке, и он обновит это привязку соответственно, если вы обновите свойство targetUrl на объекте:

    <a target="_blank" {{bindAttr href="view.targetUrl"}}>Google</a>

Здесь JSFiddle для вас: http://jsfiddle.net/zscff/

Ответ 2

Как было сказано, вам не нужно использовать помощник link-to. Вам просто нужно использовать простой тег привязки <a> </a>.

У меня была такая же проблема. Чтобы исправить это, вам просто нужно быть осторожным с тегом привязки.
Например. если вы наберете такую ​​ссылку <a href='www.example.com'> example </a>, Ember создаст следующую ссылку: localhost: 4200/www.example.com

Но если вы добавите http, атрибут href, все будет в порядке.
<a href='http://www.example.com'> example </a>.
Вывод www.example.com

Надеюсь, что это поможет.