은 ng-init 값에 액세스 할 수 없습니다.

Question

Angular.js를 처음 사용합니다. 전체 행 수를 인쇄하려고 시도했지만 ng-init 변수 (ct)에 액세스 할 수 없습니다. 마지막 범위 태그가 {{ct}}의 값을 표시하지 않습니다. 내가 놓친 게 있니?

<div id="test-area" ng-controller="mycontroller" > 
     <input type="number" step="1" max="5" min="1" ng-model="count" style="width:50px;"/> 

     <input type="number" step="1" max="4" min="0" ng-model="indexFrom" style="width:50px;"/> 
     <table class="tab1"> 
      <thead> 
      <th>Name</th> <th>Id</th> <th>Address</th> <th>Number</th> 
       <th>Date</th> 
      </thead> 
     <tr ng-repeat="user in users | limitTo:count:indexFrom " ng-init="parent=user;$parent.ct=$index"> 
     <td>{{user.name | uppercase}}</td> 
     <td> {{user.id | number }}</td> 
     <td>{{user.address |lowercase}}</td> 
      <td ng-bind="parent.marks[0].it |currency:'$'"> 
      </td> 
      <td class="ng-bind:user.bs | date:'dd/MM/yyyy'"> 

      </td> 
     </tr> 
     </table> 
      <br/> 
     <span class="gray">Total Row Number : {{ct}} | From {{indexFrom}} to {{indexFrom+count}} </span> 
     <br/> 



    </div> 

JS :

(function(){ 

    var app=angular.module("Myapp",[]); 
    var mycontrol=function($scope){ 
     $scope.users=users; 
     $scope.increment=increment; 
     $scope.change=change; 
     $scope.count=3; 
     $scope.indexFrom=0; 
    } 
    //marks increment 
    var increment=function(marks){ 
     marks.it+=1; 
    } 
    //id increment 
    var change=function(num){ 
     num.id=Number(num.id)+1; 
    } 
    var users=[{ 
      name:"Nihar", 
      id:"123", 
      address:"new town", 
      bs:new Date("April 30 1993"), 
      marks:[{it:90},{it:88},{it:97}] 
     },{ 
      name:"Nilanjan", 
      id:"194", 
      address:"baguiaty", 
      bs:new Date("October 20 1993"), 
      marks:[{it:94},{it:65},{it:82}] 
     },{ 
      name:"raktim", 
      id:"129", 
      address:"new town", 
      bs:new Date("November 20 1994"), 
      marks:[{it:97},{it:81},{it:79}] 
     },{ 
      name:"kaushik", 
      id:"126", 
      address:"Howrah", 
      bs:new Date("November 20 1994"), 
      marks:[{it:81},{it:89},{it:78}] 
     },{ 
      name:"Malhotra", 
      id:"287", 
      address:"dumDum", 
      bs:new Date("july 23 1994"), 
      marks:[{it:91},{it:68},{it:87}] 
     }]; 
    app.controller("mycontroller",mycontrol) 



    }()); 

Answer 1

이

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

에

var app=angular.module("Myapp",[]); 

을 변경해보십시오 여기에 작업 fiddle입니다.

편집 :
나가이 올바른지, 그것뿐만 아니라 MyApp와 함께 작동합니다. Myapp이 작동하지 않는 이유는 Angular가 지시문 이름을 처리하는 방식 때문입니다. 자바 스크립트 측면에서 Angular는 이름을 낙타의 경우으로 변환합니다. 기본적으로 첫 번째 문자는 소문자이며 변수의 각 단어의 다음 문자는 대문자입니다. 값이 HTML로 표현되면 대시로 구분 된 인 HTML 표준을 따릅니다. 각 문자는 소문자이며 단어는 - 자로 구분됩니다. 콜론 (:)이나 밑줄 (_)을 사용할 수도 있지만 하이픈이 가장 일반적입니다.

Myapp 또는 myapp을 자바 스크립트로 작성하면 각도는 HTML에서 myapp으로 정규화됩니다. 그러나 MyApp 또는 myApp 인 경우 HTML에 my-app이됩니다.

HTML과 자바 스크립트가 일치하는 한 원하는 대문자를 사용할 수 있습니다.