嘗試讓AngularJS在JSFiddle中工作
[英]Attempt to get AngularJS to work in JSFiddle
問題描述
我正在關注在線教程，並嘗試使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）
- 沒有包裝-在<body>中
和小提琴選項設置為：
- 正文標簽：<body ng-app =“ rew”>
但似乎只有第一個H1在起作用。 輸出是這樣的：
hiking...
{{hike.trail.name}}
{{hike.trail.miles}}
{{"keep going"}}
{{"done"}}
誰能看到我在做什么錯？ 我想使javascript的結構與所顯示的代碼相似，以便我可以隨教程一起進行-我的假設是jsfiddle設置有問題。
謝謝你的幫助！
1 個解決方案
解決方案1
1 已采納 2015-03-03 18:15:39
無法使AngularJS在JSFiddle上工作
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.