Oxn*_*rth 20 frameworks handlebars.js web ember.js
我现在开始学习使用Ember.js进行Web应用程序开发.目前,我还有一些基本的东西尚未实现.链接到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
任何提示将不胜感激.我不敢相信我自己没有想到这一点,但外面的帮助不能伤害.
问候,
牛
Wil*_*ney 40
你不想为此使用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/