同じアイテムを表示しているかアイテムを入力しないでください。 StackOverFlowは私の最後の希望です。すべてのヘルプは提出することができることからappreciated.`ThanksみんなJavaScriptのアイテムリストに同じアイテムまたはアイテムが入っていないことを確認するには
var app = angular.module('myApp',[]);
app.controller('SportController', function($scope) {
\t
\t $scope.newItem;
\t
\t //List Sport
\t $scope.sports = ['Football', 'Basketball', 'Hockey', 'Soccer'];
\t
\t
\t //Remove Sport
\t $scope.addItem = function(){
\t
\t \t
\t \t $scope.sports.push($scope.newItem);
\t \t $scope.newItem = '';
\t \t
\t }
\t
\t
\t //Remove Sport
\t $scope.removeItem = function(item){
\t \t var idx = $scope.sports.indexOf(item);
\t \t $scope.sports.splice(idx,1);
\t \t
\t }
\t
});
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Untitled Document</title>
<link rel="stylesheet" href="css/style.css">
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.9/angular.min.js"></script>
<script src="js/app.js"></script>
</head>
<body ng-app="myApp">
\t <div ng-controller='SportController'>
\t <h1>Sport List</h1>
\t
\t <div>
\t \t <form ng-submit="addItem()">
\t \t \t <div>
\t \t \t \t <input type="text" ng-model="newItem" placeholder"Add Sport"/>
\t \t \t \t <button type="submit">Save</button>
</div>
</form>
</div>
<p> {{ newItem }}</p>
<div>
\t <h4>Sports {{ sports.length }}</h4>
\t <table>
\t <tr ng-repeat="spor in sports">
\t <td>{{spor}}</td>
\t <td>
\t <button ng-click="removeItem(spor)">×</button>
</td>
</tr>
</table>
</div>
<!--End of div--->
</body>
</html>
エラー防止コード=二角状のユニコーン –
場合、単純なを使用して、私はあなたのジョークを理解しません。 – Froggy