AngularJS BoilerplateはCodepenで動作しますが、JSFiddleで動作します。

問題が発生したとき、私は簡単なAngularアプリケーションを作成しようとしていました。完全にシンプルで短いボイラープレートのコードは、Codepenで完全に正常に動作しますが、JSFiddleで動作しません。私が作成したスニペットもうまくいきますが、なぜJSFiddleではうまくいかないのか分かりません。誰が問題が何であるかを指摘できますか？AngularJS BoilerplateはCodepenで動作しますが、JSFiddleで動作します。

Codepenリンク：http://codepen.io/chalarangelo/pen/YWdvBV
JSFiddleリンク：https://jsfiddle.net/chalarangelo/1d12hm5f/1/
コードスニペット：

var app = angular.module('myApp', []); 
 
app.controller('myController', [ 
 
    '$scope', 
 
    function($scope) { 
 
    $scope.demoText = 'AngularJS: This is some demo text!'; 
 
    } 
 
]);

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.7/angular.min.js"></script> 
 
<div ng-app="myApp"> 
 
    <div ng-controller="myController"> 
 
    <p> 
 
     {{ demoText }} 
 
    </p> 
 
    </div> 
 
</div>

出典

2016-08-11 Angelos Chalaris

あなたはJAVASCRIPTボタンをクリックして、角度VERSを選択する必要がありますイオンを外部リソースとして含めるのではなく、FRAMEWORKS & EXTENSIONSドロップダウンリストの下に表示します。

あなたの問題を解決するには、No wrap - in <head>としてLOAD TYPEを選択する必要があります。

出典

2016-08-11 14:52:08 Lex

メニューから角度を選択しても、スクリプトを既に読み込んでいて、これを試したので問題は解決しませんでした。しかし、 'LOAD TYPE'の' No wrap-in 'を使うと、私の問題を解決します。ありがとうございました！ –

AngularJS BoilerplateはCodepenで動作しますが、JSFiddleで動作します。

答えて

関連する問題