javascript - Can't add controller to Yeoman generated angular project -

-

i using yeoman scaffolding create angular app , having trouble adding controller. , main controllers added automatically , work fine. when try add own controller new view, shows {{name}}. help!here's code:

user.js (the 1 i'm trying add)

'use strict';  /**  * @ngdoc function  * @name classsiteapp.controller:usercontroller  * @description  * # usercontroller  * controller of classsiteapp  */  angular.module('classsiteapp')   .controller('usercontroller', function ($scope) {         $scope.name='hello';    });

app.js

'use strict';  /**  * @ngdoc overview  * @name classsiteapp  * @description  * # classsiteapp  *  * main module of application.  */ angular   .module('classsiteapp', [     'nganimate',     'ngcookies',     'ngresource',     'ngroute',     'ngsanitize',     'ngtouch'   ])   .config(function ($routeprovider) {     $routeprovider       .when('/', {         templateurl: 'views/main.html',         controller: 'mainctrl'       })       .when('/about', {         templateurl: 'views/about.html',         controller: 'aboutctrl'       })       .when('/user', {         templateurl: 'views/user.html',         controller: 'usercontroller'       })       .otherwise({         redirectto: '/'       });   });

main.js

'use strict';  /**  * @ngdoc function  * @name classsiteapp.controller:mainctrl  * @description  * # mainctrl  * controller of classsiteapp  */ angular.module('classsiteapp')   .controller('mainctrl', function ($scope) {         $scope.name='hello';    });

index.html

    <!doctype html> <html class="no-js">   <head>     <meta charset="utf-8">     <title></title>     <meta name="description" content="">     <meta name="viewport" content="width=device-width">      <link rel="stylesheet" href="bower_components/bootstrap/dist/css/bootstrap.css" />      <link rel="stylesheet" href="styles/main.css">     <!-- endbuild -->   </head>   <body ng-app="classsiteapp">      <div class="header">       <div class="navbar navbar-default" role="navigation">         <div class="container">           <div class="navbar-header">              <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#js-navbar-collapse">               <span class="sr-only">toggle navigation</span>               <span class="icon-bar"></span>               <span class="icon-bar"></span>               <span class="icon-bar"></span>             </button>              <a class="navbar-brand" href="#/">mrcooleymathman</a>           </div>            <div class="collapse navbar-collapse" id="js-navbar-collapse">              <ul class="nav navbar-nav navbar-right">               <li><a ng-href="#/">courses</a></li>               <li><a ng-href="#/user">create account</a><li>               <li><a href="#/about">login</a></li>             </ul>           </div>         </div>       </div>     </div>      <div class="container">     <div ng-view=""></div>     </div>      <div class="footer">       <div class="container">         <div class="col-sm-6 ">           <p><span class="glyphicon glyphicon-heart"></span> visting page</p>         </div>         <div class="col-sm-6">           <ul class="list-unstyled">             <li><strong>matthew cooley</strong></li>             <li><a href="mailto:mcooley@dtechhs.org">mcooley@dtechhs.org</a></li>           </ul>         </div>       </div>     </div>       <!-- google analytics: change ua-xxxxx-x site's id -->      <script>        !function(a,n,g,u,l,a,r){a.googleanalyticsobject=l,a[l]=a[l]||function(){        (a[l].q=a[l].q||[]).push(arguments)},a[l].l=+new date,a=n.createelement(g),        r=n.getelementsbytagname(g)[0],a.src=u,r.parentnode.insertbefore(a,r)        }(window,document,'script','//www.google-analytics.com/analytics.js','ga');         ga('create', 'ua-xxxxx-x');        ga('send', 'pageview');     </script>      <!-- build:js(.) scripts/vendor.js -->     <!-- bower:js -->     <script src="bower_components/jquery/dist/jquery.js"></script>     <script src="bower_components/angular/angular.js"></script>     <script src="bower_components/bootstrap/dist/js/bootstrap.js"></script>     <script src="bower_components/angular-animate/angular-animate.js"></script>     <script src="bower_components/angular-cookies/angular-cookies.js"></script>     <script src="bower_components/angular-resource/angular-resource.js"></script>     <script src="bower_components/angular-route/angular-route.js"></script>     <script src="bower_components/angular-sanitize/angular-sanitize.js"></script>     <script src="bower_components/angular-touch/angular-touch.js"></script>     <!-- endbower -->     <!-- endbuild -->          <!-- build:js({.tmp,app}) scripts/scripts.js -->         <script src="scripts/app.js"></script>         <script src="scripts/controllers/main.js"></script>         <script src="scripts/controllers/about.js"></script>         <!-- endbuild --> </body> </html>

i think need add user.js file script reference @ end of index.html this:

    <script src="scripts/app.js"></script>     <script src="scripts/controllers/main.js"></script>     <script src="scripts/controllers/about.js"></script>     <script src="your/path/to/user.js"></script>

Comments

Post a Comment

Popular posts from this blog

Java 3D LWJGL collision -

-
i making 3d java game lwjgl library, , wondering how add collision detection, player not go through models. i using obj models. here objloader class, loads models: package renderengine; import java.io.bufferedreader; import java.io.file; import java.io.filenotfoundexception; import java.io.filereader; import java.util.arraylist; import java.util.list; import models.rawmodel; import org.lwjgl.util.vector.vector2f; import org.lwjgl.util.vector.vector3f; public class objloader { public static rawmodel loadobjmodel(string filename, loader loader){ filereader fr = null; try { fr = new filereader(new file("res/"+filename+".obj")); } catch (filenotfoundexception e) { system.err.println("couldn't load file!"); e.printstacktrace(); } bufferedreader reader = new bufferedreader(fr); string line; list<vector3f> vertices = new arraylist<vector3f...
Read more

spring - SubProtocolWebSocketHandler - No handlers -

-
i have ugly error during deploying spring app on jboss. 18:11:16,025 error [org.apache.catalina.core.containerbase.[jboss.web].[default-host].[/consumer]] (msc service thread 1-7) exception sending context initialized event listener instance of class org.springframework.web.context.contextloaderlistener: org.springframework.context.applicationcontextexception: failed start bean 'subprotocolwebsockethandler'; nested exception java.lang.illegalargumentexception: no handlers @ org.springframework.context.support.defaultlifecycleprocessor.dostart(defaultlifecycleprocessor.java:176) [spring-context-4.1.3.release.jar:4.1.3.release] @ org.springframework.context.support.defaultlifecycleprocessor.access$200(defaultlifecycleprocessor.java:51) [spring-context-4.1.3.release.jar:4.1.3.release] @ org.springframework.context.support.defaultlifecycleprocessor$lifecyclegroup.start(defaultlifecycleprocessor.java:346) [spring-context-4.1.3.release.jar:4.1.3.release] @ org.s...
Read more

methods - python can't use function in submodule -

-
my folder structure this: pythonstuff/ program.py modulea/ __init__.py foo.py bar.py here's code bar.py : def hello(): print("hello, world!") here's code program.py : #!/usr/bin/env python3 modulea import bar bar.hello() i run $ python3 program.py somehow error: file "program.py", line 3, in <module> bar.hello() attributeerror: 'module' object has no attribute 'hello' edit: __init__.py file empty. edit2: after trying realized had bar.py in root directory contained hello() method. bar.py in modulea/ directory empty. add it import os __all__ = [] module in os.listdir(os.path.dirname(__file__)): if module != '__init__.py' , module[-3:] == '.py': __all__.append(module[:-3]) the init .py files required make python treat directories containing packages; done prevent directories common name, such string, unintentionally hiding v...
Read more