Run ❯
zig
.
com
×
Change Orientation
Change Theme, Dark/Light
Go to Spaces
<!DOCTYPE html> <html> <script src="../../ajax.googleapis.com/ajax/libs/angularjs/1.6.9/angular.min.js"></script> <body> <script> var app = angular.module("myShoppingList", []); app.controller("myCtrl", function ($scope) { $scope.products = ["Milk", "Bread", "Cheese"]; $scope.addItem = function () { $scope.products.push($scope.addMe); } $scope.removeItem = function (x) { $scope.products.splice(x, 1); } }); </script> <div ng-app="myShoppingList" ng-controller="myCtrl"> <ul> <li ng-repeat="x in products">{{x}}<span ng-click="removeItem($index)">×</span></li> </ul> <input ng-model="addMe"> <button ng-click="addItem()">Add</button> </div> <p>Click the little x to remove an item from the shopping list.</p> </body> <!-- /angular/tryit.asp?filename=try_ng_app3 by HTTrack Website Copier/3.x [XR&CO'2014], Thu, 06 Feb 2025 19:25:44 GMT --> </html>
