2015-08-23 1 views
-1

Я пытаюсь использовать это угловое приложение в первый раз. Я сделал установку как на WebStorm и Бауэр компонентов и установленных angularjs пакетов в WebStorm

Мой AngularJS App -> </скрипт> -> myapp = angular.module ('myapp', []);

</script> 
<body> 


    <!--[if lt IE 7]> 
     <p class="browsehappy">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.</p> 
    <![endif]--> 

    <div ng-view></div> 

    <div>Angular seed app: v<span app-version></span></div> 
    <!-- actual angular code bloack in div --> 
    <div id="main" ng-app = "app"> 
    <nav class = "{{active}}" ng-click="$event.preventDefault"> 
     <a href="#" class ="home" ng-click="active='home'">Home</a> 
     <a href="#" class = "projects" ng-click="active='projects">Projects</a> 
     <a href="#" class="services" ng-click="active='services'">services</a> 
     <a href="#" class="contact" ng-click="active='contact'">Contact</a> 

     <p ng-hide="active">Please click a menu item</p> 
     <p ng-show="active">you choose<b> {{active}}</b></p> 
    </nav> 

    </div> 



<!-- <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="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>`enter code here` 
</html> 

ответ

0

нг-приложение = «MyApp» должно быть место в теле, или где все угловые мета-теги внутри него, в вашем случае тела, как вы видите, в настоящее время на улице.

Также в ng-приложении вы должны указать точно такое же имя, которое вы указали в объявлении модуля.

angular.module([MODULE_NAME], []); 
0

Просто измените ваш HTML так:

<body ng-app="myapp"> 

вместо

<div id="main" ng-app = "app"> 

ng-app директива должна быть помещена в верхней части сайта и взять имя вы объявленную в модуль. Более того, если вы дадите <div ng-view></div> за пределами ng-app, как вы делаете в своем примере кода ng-view не будет работать.

+0

соответствует ли ваш ответ вашим потребностям? – Freezystem

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