Простая директива не работает в Cloud9?

Кажется, я не могу повторить простой учебник по директиве в cloud9. В принципе, он не выводит результат «Здесь я должен сохранить день».Простая директива не работает в Cloud9?

main2.js

var app = angular.module("superhero", []); 

app.directive("superman", function() { 
return { 
    restrict: "E", 
    template: "<div>Here I am to save the day</div>" 
} 
})

Эта функция загружается в индексном файле здесь, как показано ниже. Кроме того, у меня есть еще один файл main.js, где я объявляю приложение «myApp», но даже удаление этого не помогает.

index.html

<!DOCTYPE html> 
<!--[if lt IE 7]>  <html lang="en" ng-app="myApp" class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]--> 
<!--[if IE 7]>   <html lang="en" ng-app="myApp" class="no-js lt-ie9 lt-ie8"> <![endif]--> 
<!--[if IE 8]>   <html lang="en" ng-app="myApp" class="no-js lt-ie9"> <![endif]--> 
<!--[if gt IE 8]><!--> <html lang="en" ng-app="myApp" class="no-js"> <!--<![endif]--> 
<head> 
    <meta charset="utf-8"> 
    <meta http-equiv="X-UA-Compatible" content="IE=edge"> 
    <title>My AngularJS App</title> 
    <meta name="description" content=""> 
    <meta name="viewport" content="width=device-width, initial-scale=1"> 
    <link rel="stylesheet" href="bower_components/html5-boilerplate/css/normalize.css"> 
    <link rel="stylesheet" href="bower_components/html5-boilerplate/css/main.css"> 
    <link rel="stylesheet" href="app.css"> 
    <script src="bower_components/html5-boilerplate/js/vendor/modernizr-2.6.2.min.js"></script> 
</head> 
<body> 


    <div ng-app="superhero"> 
    <superman></superman> 
    </div> 


    <!-- In production use: 
    <script src="//ajax.googleapis.com/ajax/libs/angularjs/x.x.x/angular.min.js"></script> 
    --> 
    <script src="bower_components/angular/angular.js"></script> 
    <script src="bower_components/angular-route/angular-route.js"></script> 
    <script src="app.js"></script> 
    <script src="main.js"></script> 
    <script src="main2.js"></script> 
    <script src="view1/view1.js"></script> 
    <script src="view2/view2.js"></script> 
    <script src="components/version/version.js"></script> 
    <script src="components/version/version-directive.js"></script> 
    <script src="components/version/interpolate-filter.js"></script> 
</body> 
</html>

источник

2014-11-18 JohnAndrews

Просмотреть этот плунж, он работает: http://plnkr.co/edit/h37VCUZ2lQsFV3FtRReX?p=preview perharps c9 возвращает ошибку на консоли, обратите внимание на нее. –

Вы должны загрузить сценарий main2.js (и угловые файлы) перед

<div ng-app="superhero"> 
    <superman></superman> 
</div>

Я попытался в jsfiddle.net и появляется только работать, когда javascript загружается в начале страницы перед HTML.

источник

2014-11-18 10:52:38 Tim

Простая директива не работает в Cloud9?

ответ

Смежные вопросы