2015-08-23 153 views
-1

未能实例化模块myApp我正在尝试第一次使用这个角度应用程序。我做了一个设定为每webstorm和凉亭的部件,并安装angularjs包装webstorm

我AngularJS应用 - > </SCRIPT> - > 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

NG-应用=“MYAPP”应该是在人体或地方,所有的角meta标签在其内部,你的情况的身体,你看到的是当前外。

同样在ng-app中,您应该放置与您在模块声明中放置的名称完全相同的名称。

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

相关问题