Why this code does not work in AngularJS

Question

Why this code does not work in AngularJS

Navigation

#1 by (0 votes)

0

Why is not this working?

angular.js

var app = angular.module('myApp', []);

app.controller('namesCtrl', function($scope) {
    $scope.names = [
        {name:'Jani',country:'Norway'},
        {name:'Hege',country:'Sweden'},
        {name:'Kai',country:'Denmark'}
    ];
});

index.html

<div ng-app="adminPanel" ng-controller="adminController">
          <tbody>
            <tr ng-repeat="x in names">
              <td>{{x.name}}</td>
              <td class="right">12</td>
              <td><span class="badge badge-success badge-icon"><i class="fa fa-check" aria-hidden="true"></i><span>{{x.country}}</span></span></td>
              </tr>
          </tbody>
          </div>

angularjs

asked by Santiago D'Antuoni 24.12.2016 в 01:41

source

1 answer

Put date in JDateChooser JAVA About loading images BufferedImage in java

score 0 · Answer 1

Because your ng-controller tag points to another controller

Change this:

ng-controller="adminController"

Because of this

ng-controller="namesCtrl"

And your ng-app also

Change this:

ng-app="adminPanel"

Because of this

ng-app="myApp"

And your code:

var app = angular.module('myApp', []);

app.controller('namesCtrl', function($scope) {
   $scope.names = [
        {name:'Jani',country:'Norway'},
        {name:'Hege',country:'Sweden'},
        {name:'Kai',country:'Denmark'}
    ];
});

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<body>
      <div ng-app="myApp" ng-strict-di>
        <div ng-controller="namesCtrl">
            <div ng-repeat="x in names">
                <tbody>
                      <tr>
                        <td>{{x.name}}</td>
                        <td class="right">12</td>
                        <td><span class="badge badge-success badge-icon"><i class="fa fa-check" aria-hidden="true"></i><span>{{x.country}}</span></span></td>
                        </tr>
                    </tbody>
            </div>
        </div>
    </div>
  </body>