Question

我跟随在线教程，并试图让 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,
    }
})();

我将框架和扩展设置为：

No-Library（纯JS）
没有换行＆lt; body＆gt;

并且小提琴选项设置为：

正文标记：＆lt; body ng-app =＆＃34; rew＆＃34;＆gt;

但只有第一个H1似乎有效。输出是这样的：

    hiking...
    {{hike.trail.name}}
    {{hike.trail.miles}}
    {{"keep going"}}
    {{"done"}}

谁能看到我做错了什么？我希望保持javascript的结构与显示的代码类似，这样我就可以按照教程进行操作 - 我的假设是jsfiddle设置中出现了问题。

感谢您的帮助！

Answer 1

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

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

No Code changes.

尝试让AngularJS在JSFiddle中工作

1 个答案: