ng inspector not showing any controller or model or function.

Question

I am trying to use ng-model but nothing, i cannot see anything in ng-inspector as its showing blank.

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>To Do list</title>
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.9/angular.min.js">

    </script>
        <script type="text/javascript" src="js/app.js"></script>
</head>
<body>
    <header>
        <h1>To Do List</h1>
    </header>

    <div ng-controller="mainCtrl" class="list">
        <input type="checkbox">
        <label class="editing-label">A Sample to do</label>
        <input ng-model="todo" type="text">
    </div>
    <div class="actions">
        <a href="">Edit</a>
        <a href="" ng-click="helloworld()">Save</a>
        <a href="">Delete</a>
    </div>
</body>
</html>

and my todo.js

angular.module("todoListApp", [])

  .controller('mainCtrl', function($scope){
    $scope.helloWorld = function(){
      console.log('Hello there! This is the helloWorld controller function, in the mainCtrl');
    };
  })

  .controller('coolCtrl', function($scope){
    $scope.whoAmI = function(){  
      console.log("Hello there, this is the coolCtrl function");
    };
  })

  .conroller('imASibling', function($scope){
    $scope.foobar = 1234;
    //do something
  });

Answer 1 · 2016-06-06T18:05:55Z

June 6, 2016 6:05pm

I found my answer, i didn't have ng-controller on my body tag.

Welcome to the Treehouse Community

Looking to learn something new?

ammarkhan

ammarkhan

ng inspector not showing any controller or model or function.

1 Answer

ammarkhan

ammarkhan