javascript - Angular error with ng-repeat -

-

the last 3 hours made little app. it's not ready yet, there error. can not figure out, what's wrong.

here html:

<html lang="en" ng-app="reporting"> <head> <meta charset="utf-8" /> <title>.reporting</title>  <!-- bootstrap --> <link href="content/bootstrap.css" rel="stylesheet" /> <!-- bootstrap --> <!-- jquery --> <script src="scripts/jquery-2.1.4.js"></script> <!-- jquery --> <!-- editor --> <script src="scripts/wysihtml5-editor/bootstrap3-wysihtml5.all.min.js"></script> <link href="scripts/wysihtml5-editor/bootstrap3-wysihtml5.css" rel="stylesheet" /> <script src="scripts/wysihtml5-editor/bootstrap3-wysihtml5.min.js"></script> <!-- editor --> <!-- angular --> <script src="scripts/angular.js"></script> <!-- angular --> <!-- custom --> <link href="css/app.css" rel="stylesheet" /> <link href='http://fonts.googleapis.com/css?family=abel' rel='stylesheet' type='text/css'> <!--<script src="js/init.js"></script>--> <script src="js/controller.js"></script> <!-- custom -->  </head> <body> <div id="top" class="row">     <div id="treecontainer" class="col-md-4" ng-controller="treecontroller treectrl">         <header>             <h2>Übersicht, {{treectrl.text}}, {{2 + 2}}</h2>         </header>         <content id="tree">             <ul ng-repeat="knoten in treectrl.treedata">                 <li>h: {{knoten.name}}</li>             </ul>         </content>     </div> </body> </html>

and here controller.js:

(function () {  var reportapp = angular.module('reporting', []);  reportapp.controller('treecontroller', ['$http', '$scope', function ($http, $scope) { $scope.treedata = [{     "name": "titel",     "id": "1" }, {     "name": "allgemeine standardangaben",     "id": "2" }]; $scope.text = "hallo";  $http.get('../data/tree.json').success(function (data) {     $scope.treedata = data;     console.log($scope.treedata); });  }]); })();

the problem is, ng-repeat in html not render. eyerything after content-tag empty. {{treectrl.text}} in headline won't render too. might there wrong scope? watched 2 hours solution can't imagine, be...

thanks suggestions.

solution

here working code. hope, someone:

index.html:

... <div id="treecontainer" class="col-md-4" ng-controller="treecontroller treectrl">         <header>             <h2>Übersicht, {{treectrl.text}}</h2>         </header>         <content id="tree">             <ul ng-repeat="knoten in treedata">                 <li>{{knoten.name}}</li>             </ul>         </content>     </div> ...

and controller.js:

(function () {  var reportapp = angular.module('reporting', []);  reportapp.controller('treecontroller', ['$http', '$scope', function ($http, $scope) { $scope.treedata = []; $scope.text = "hallo";  $http.get('../data/tree.json').success(function (data) {     $scope.treedata = data; }); }]); })();

thanks everybody.

looks need change markup bit. observe following change...

<ul ng-repeat="knoten in treectrl.treedata">

=>

<ul ng-repeat="knoten in treedata">

treedata defined on $scope. no need call treectrl. likewise, same text well. place {{ text }} in markup.

furthermore, time when need leverage controllername.value syntax when define values on this instead of $scope. example...

reportapp.controller('treecontroller', ['$http', '$scope', function ($http, $scope) {     this.treedata = []; // -- notice this.     ....

then need syntax have first attempted in markup. stick $scope , won't need it, or can re-factor use this. see blog post - digging angular’s “controller as” syntax more insight on subject


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