如何删除列表项angular??angular.js:12416语法错误:意外的令牌u
how to delete list item angular?? angular.js:12416 SyntaxError: Unexpected token u
在控制台中,我有错误angular。js:12416 SyntaxError:意外的令牌u程序不起作用
我不知道该做什么。谢谢你的帮助!!我拥有的所有链接(bootstrap,angular,app.js,style.css)
在Object.parse(本机)
在m.$scope.retrieveCompanys/app.js:10:19)
at new(app.js:18:29)
在Object.e[as invoke]angularjs/1.4.5/angular.min.js:39:96)
在Q.instance/angularjs/1.4.5/angular.min.js:80:151)
在L angularjs/1.4.5/angular.min.js:61:140)
在g angularjs/1.4.5/angular.min.js:54:326)
在g angularjs/1.4.5/angular.min.js:54:349)
在angularjs/1.4.5/angular.min.js:53:388
在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> 
<a ng-click="removeCompany(company)" title="Delete"><span class="glyphicon glyphicon-remove-sign"></span></a> 
<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>
edit:您已经澄清了错误的来源:它抛出错误是因为您告诉Angular removeCompany
函数在名为AddController
的控制器中。它不是——你已经在ListController
中定义了它。
如果您已经提供了应用程序的完整代码,那么问题似乎是您说div
元素应该使用一个名为AddController
的控制器,但您还没有定义具有该名称的控制器。你需要另一个控制器来处理这一部分吗?看起来您在视图中引用的所有内容——companys
、removeCompany
等——都包含在ListController
中。尝试删除提及AddController
的部分,并使div元素看起来像这样:
<div class="col-xs-12 col-sm-12 col-md-4 col-lg-4">
- 测试Angular Service解决错误回调中的promise
- Angular ngRepeat:重复错误(尽管没有重复的密钥)
- 预期响应包含一个对象,但在angular js中得到一个数组错误
- angular.js:13424错误:[ng:areq]参数'fn'不是函数,getObject
- Typescript编译器错误,Angular 1.5组件应为分号
- Angular JS控制器初始化错误
- 为什么foodModule没有定义错误?Angular js
- 在新路由器上使用订阅函数时出现Angular 2 typescript错误(rc 1)
- 遇到400错误请求(Angular+WebAPI)的问题
- Angular JS中的通用Ajax错误处理-拦截器
- Angular-错误:达到10$digest()迭代.正在中止
- Angular错误解析
- angular 2错误:Can't resolve for FormGroup的所有参数
- Angular错误[$injector:modulerr]实例化模块myApp失败
- Angular:错误:[$injector:unpr]未知提供商:$scopeProvider <- $scope
- 当添加到项目中时,重新定义angular错误:' Error: $injector:modulerr '
- Angular错误:ENOENT:没有这样的文件或目录
- 意味着js堆栈,调试Angular错误:fnPtr不是一个函数
- NPM Angular错误!peerInvalid / peerDependencies要求
- Angular-错误:无效的状态参考''