2017-09-19 4 views
-1

Pourquoi n'ai-je pas pu ajouter le nouvel élément ?? lorsque j'ai ajouté dans le module [] - cela ne fonctionne pas.angularjs comment décrire le module correctement

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

$scope.items = []; 

$scope.additem = function() { 
    $scope.items.push({'title': $scope.newItem, 'done':false}) 
    $scope.newItem = ''; 
} 

$scope.deleteitem = function(index) { 
    $scope.items.splice(index, 1); 
} }]) 
+0

avez-vous appeler les fonctions? – nadavvadan

+0

Oui, je l'ai fait. < touche ng-disabled = "itemsFrm. invalide $" ng-click = "addItem()" class = "btn btn-succès add_btn"> Ajouter

{{item.title}}
> {{item.title}}

Répondre

0

Avez-vous la partie de l'interface utilisateur où vous exécutez ces fonctions?

Par exemple: https://plnkr.co/edit/7dA2IhINdgTe90ftyMt9?p=preview

<!DOCTYPE html> 
<html ng-app="myApp"> 

    <head> 
    <meta charset="utf-8" /> 
    <title>AngularJS Plunker</title> 
    <script>document.write('<base href="' + document.location + '" />');</script> 
    <link rel="stylesheet" href="style.css" /> 
    <script data-require="[email protected]" src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.5.11/angular.min.js" data-semver="1.5.11"></script> 
    <script src="app.js"></script> 
    </head> 

    <body ng-controller="addItemCtrl"> 
    <p>Count {{items.length}}</p> 
    <button ng-click="additem()">Add Item</button> 
    <button ng-click="deleteitem()">Delete Item</button> 
    </body> 

</html> 
+0

Oui, je l'ai! https://codepen.io/kikrasnozhenov/pen/PJNZam –