我正在遵循在线教程,并尝试使angularjs在jsfiddle上工作。我对jsfiddle不太熟悉,由于(我认为)jsfiddle设置,很难使javascript和html一起工作。

这是我的代码:http://jsfiddle.net/russellelbert/yh4c1hoe/

HTML:

<h1>{{"hiking..."}}</h1>
    <div ng-controller="HikeController as hike">
    <h1> {{hike.trail.name}}  </h1>
    <h1> {{hike.trail.miles}} </h1>
    <h1> {{"keep going"}}     </h1>
</div>
<h1>{{"done"}}</h1>


JavaScript:

(function(){
    var app = angular.module('rew', []);
    app.controller('HikeController', function(){
        this.trail = hike;
    });
    var hike = {
        name: 'Colchuck Lake',
        miles: 4.5,
    }
})();


我将框架和扩展设置为:


免图书馆(纯JS)
没有包装-在中


和小提琴选项设置为:


正文标签:


但是似乎只有第一个H1在起作用。输出是这样的:

    远足...
    {{hike.trail.name}}
    {{hike.trail.miles}}
    {{“继续”}}
    {{“完成”}}


谁能看到我在做什么错?我想使javascript的结构与所显示的代码相似,以便我可以随教程一起进行-我的假设是jsfiddle设置有问题。

谢谢你的帮助!

最佳答案

您使用的是旧版本的angular。更新了版本。其他一切都很好。

http://jsfiddle.net/yh4c1hoe/1/

No Code changes.

10-06 04:27
查看更多