jsfiddle의 코드가 예상 결과와 함께 로컬로 실행되지 않음

Question

로컬 서버에서 실행할 때 올바르게 작동하는 간단한 angularjs 앱의 예가 있습니다. 여기에 바이올린입니다 :

http://jsfiddle.net/pkellner99/9sd6ggoq/3/

하고 코드 내가 응용 프로그램을 제대로 수행하지 않는 주입하고 평가하지 않는 표현 {{myVal}}에 대한 오류가

(function() { 
'use strict'; 

    angular.module('app', []). 
    myApp.controller('MyController', ['$scope', function ($scope) { 
     $scope.myVal = 'ABCDE'; 
    }]); 

}()); 

매우 간단합니다.

Answer 1

두 가지. 먼저 컨트롤러를 다른 모듈의 일부로 선언합니다. 'myApp'라는 모듈이없고 잘못된 도트 구문이 있습니다. 코드를 다음과 같이 변경하십시오.

angular.module('app', []). 
controller('MyController', ['$scope', function ($scope) { 
    $scope.myVal = 'ABCDE'; 
}]); 

그런 다음 JS로드를 바이올린의 'no wrap in head'로 설정하십시오.

Demo