2016-03-28 14 views
0

hata angularjs vardır: 12416 SyntaxError: Beklenmedik belirteç u ve program
ne yapmam gerekir herhangi bir fikir yok çalışmaz. Yardımlarınız için teşekkür ederiz! Hata nereden geldiğini Sen açıklık ettik:: Her şey tüm bağlantıları I (önyükleme, açısal, app.js, style.css)liste öğesi açısal olarak nasıl silinir? angularjs: 12416 SyntaxError: Beklenmedik belirteç u konsolunda

at Object.parse (native)
at m.$scope.retrieveCompanys /app.js:10:19)
at new (app.js:18:29)
at Object.e [as invoke] angularjs/1.4.5/angular.min.js:39:96)
at Q.instance /angularjs/1.4.5/angular.min.js:80:151)
at L angularjs/1.4.5/angular.min.js:61:140)
at g angularjs/1.4.5/angular.min.js:54:326)
at g angularjs/1.4.5/angular.min.js:54:349)
at angularjs/1.4.5/angular.min.js:53:388
at angularjs/1.4.5/angular.min.js:20:8

if (!localStorage.getItem("companys")) { 
 
    localStorage.setItem("companys", JSON.stringify([])); 
 
}; 
 

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

 
    app.controller('ListController', function($scope){ 
 
    $scope.retrieveCompanys= function() { 
 
     return JSON.parse(localStorage.getItem('companys')); 
 
    } 
 

 
    this.addToStorage = function(company){ 
 
     $scope.companys.push(company); 
 
     localStorage.setItem('companys', JSON.stringify($scope.companys)); 
 
    } 
 

 
    $scope.companys= $scope.retrieveCompanys(); 
 

 
    $scope.removeCompany = function (index) { 
 
       $scope.companys.splice(index,1); 
 
    }; 
 

 
    $scope.add = false; 
 

 
    $scope.togglechild = function() { 
 
     $scope.add = !$scope.add; 
 
    }; 
 

 
    }); 
 
    app.controller('AddController', function(){ 
 

 
    $scope.company = {}; 
 
    $scope.addCompany = function(list) { 
 
     list.addToStorage($scope.company); 
 
     $scope.company = {}; 
 
    }; 
 

 
    }); 
 

 
})(); 
 

 
<!DOCTYPE html> 
 
<html ng-app="myApp"> 
 
    <head> 
 
     
 
    </head> 
 
    <body class="container" ng-controller="ListController as list"> 
 
     <div class="col-xs-12 col-sm-12 col-md-4 col-lg-4" ng-controller = "AddController as addCtrl"> 
 
     <form name="addCompanyForm" ng-submit="addCtrl.addCompany(list)" novalidate> 
 
      <h3 class="text-center">Add new company</h3> 
 
      <fieldset class="form-group"> 
 
       <input class="form-control" ng-model="addCtrl.company.name_company" placeholder="Name Company" ng-required> 
 
      </fieldset> 
 
      <fieldset class="form-group"> 
 
       <div class="input-group"> 
 
        <div class="input-group-addon">$</div> 
 
        <input class="form-control" ng-model="addCtrl.company.annual_earnings" placeholder="Annual earnings" ng-required> 
 
       </div> 
 
      </fieldset> 
 
      <br> 
 
      <fieldset class="form-group"> 
 
       <input type="submit" class="btn btn-primary pull-right" ng-click="addCompany(list)" value="Add Company"> 
 
      </fieldset> 
 
     </form> 
 
     <form ng-show="add"> 
 
      <h3 class="text-center">Add child company</h3> 
 
      <fieldset class="form-group"> 
 
       <input class="form-control" ng-model="addCtrl.company.name_company" placeholder="Name Company" ng-required> 
 
      </fieldset> 
 
      <fieldset class="form-group"> 
 
       <div class="input-group"> 
 
        <div class="input-group-addon">$</div> 
 
        <input class="form-control" ng-model="addCtrl.company.annual_earnings" placeholder="Annual earnings" ng-required> 
 
       </div> 
 
      </fieldset> 
 
      <br> 
 
      <fieldset class="form-group"> 
 
       <input type="submit" class="btn btn-primary pull-right" ng-click="addCompany(list)" value="Add Company"> 
 
      </fieldset> 
 
     </form> 
 
     </div> 
 
     <div class="col-xs-12 col-sm-12 col-md-8 col-lg-8" > 
 
     <h3 class="text-center">List of Company</h3> 
 
     <table class="table"> 
 
      <tr> 
 
       <th class="col-xs-1 col-sm-1 col-md-1 col-lg-1"></th> 
 
       <th class="col-xs-5 col-sm-5 col-md-5 col-lg-5">Name Company</th> 
 
       <th class="col-xs-2 col-sm-2 col-md-2 col-lg-2 text-center">Own earnings</th> 
 
       <th class="col-xs-2 col-sm-2 col-md-2 col-lg-2 text-center">Total earnings</th> 
 
       <th class="col-xs-2 col-sm-2 col-md-2 col-lg-2 text-center">Edit/Delete</th> 
 
      </tr> 
 
      <tr ng-repeat="company in list.companys track by $index"> 
 
       <td class="col-xs-1 col-sm-1 col-md-1 col-lg-1 text-center"> 
 
       <a href="#{{'demo'+$index}}" data-toggle="collapse"><span class="glyphicon glyphicon-eye-open"></span></a> 
 
       </td> 
 
       <td class="col-xs-6 col-sm-6 col-md-6 col-lg-6 text-center"> 
 
        
 
        <b ng-hide="editing" ng-click="editing = true">{{company.name_company}}</b> 
 
        <form ng-show="editing" ng-submit="editing = false"> 
 
        <button class="btn" type="submit"><span class="glyphicon glyphicon-ok"></span></button> 
 
        <input type="text" ng-model="company.name_company" placeholder="Name" ng-required> 
 
        
 
        </form> 
 
       </td> 
 
       <td class="col-xs-2 col-sm-2 col-md-2 col-lg-2 text-center"> 
 
        <span ng-hide="editing" ng-click="editing = true">{{company.annual_earnings + " $"}}</span> 
 
        <form ng-show="editing" ng-submit="editing = false"> 
 
        <input type="text" ng-model="company.annual_earnings" placeholder="Annual earnings" ng-required> 
 
        </form> 
 
       </td> 
 
       <td class="col-xs-2 col-sm-2 col-md-2 col-lg-2 text-center"> 
 
       </td> 
 
       <td class="col-xs-2 col-sm-2 col-md-2 col-lg-2 text-center"> 
 
        <a ng-click="editing = true" title="Edit Data"><span class="glyphicon glyphicon-edit"></span></a>&ensp; 
 
        <a ng-click="removeCompany(company)" title="Delete"><span class="glyphicon glyphicon-remove-sign"></span></a>&ensp; 
 
        <a ng-click="togglechild()" title="Add Child Company"><span class="glyphicon glyphicon-plus-sign"></span></a> 
 
       </td> 
 
      <tr id="{{'demo'+$index}}" class="collapse"> 
 
       <td>{{}}</td> 
 
       <td>{{}}</td> 
 
       <td>{{}}</td> 
 
       <td>{{}}</td> 
 
       <td>{{}}</td> 
 
      </tr> 
 
      </tr>   
 
     </table> 
 
     </div> 
 
    
 
     
 
    </body> 
 
</html>

+0

* "Ben benim yapmaya gerekir herhangi bir fikir yok." *. Sahip olduğun problemi açıklamalısın. Ayrıca hata, açıkça 'AddController' olmadığınızı söylüyor. Önce bunu düzeltmeyi dene. – dfsq

+0

Silmeye tıkladığımda bu hata var –

+1

Kodunuzda başlayacağımı bilmediğim çok fazla hata var. – NMSL

cevap

0

düzenlemek var Bu hatayı attığınız için, removeCompany işlevinin AddController adlı denetleyicide olduğunu Angular. Bu değil - ListController'da tanımladınız.

Uygulamanızın tüm kodunu sağladıysanız, sorunun nedeni, div öğenizin AddController adlı bir denetleyici kullanması gerektiğini söylemiş olmanızdır, ancak bu ada sahip bir denetleyici tanımlamadınız. Sadece bir bölüm için başka bir denetleyiciye mi ihtiyacınız var? Görünüşünüzde referans olarak gördüğünüz her şey - companys, removeCompany, vb. - ListController ürününüzde bulunmaktadır. AddController söz kısmı kaldırarak deneyin ve div elemanı yerine bu gibi görünmesi:

<div class="col-xs-12 col-sm-12 col-md-4 col-lg-4"> 
+0

... başka bir problem, controllerA'ların düzgün şekilde kullanılmamasıdır. – dfsq

+0

... ve bu tek sorun değil. – Lex

İlgili konular