Apple Interview Question
Jr. Software EngineersCountry: United States
javascript code:
<body ng-controller="TodoCtrl">
<span>{{remaining()}} of {{todos.length}} remaining</span>
<a href="" ng-click="archive()">Archive</a>
<ul>
<li ng-repeat="todo in todos">
<input type="checkbox" ng-model="todo.done" /> <span class="done-{{todo.done}}">{{todo.text}}</span>
</li>
</ul>
<form ng-submit="addTodo()">
<input type="text" ng-model="todoText" size="30" placeholder="add new todo here" />
<input class="btn-primary" type="submit" value="add" />
</form>
</div>
</body>
<body ng-controller="TodoCtrl">
<span>{{remaining()}} of {{todos.length}} remaining</span>
<a href="" ng-click="archive()">Archive</a>
<ul>
<li ng-repeat="todo in todos">
<input type="checkbox" ng-model="todo.done" /> <span class="done-{{todo.done}}">{{todo.text}}</span>
</li>
</ul>
<form ng-submit="addTodo()">
<input type="text" ng-model="todoText" size="30" placeholder="add new todo here" />
<input class="btn-primary" type="submit" value="add" />
</form>
</div>
</body>
<body ng-controller="TodoCtrl">
<span>{{remaining()}} of {{todos.length}} remaining</span>
<a href="" ng-click="archive()">Archive</a>
<ul>
<li ng-repeat="todo in todos">
<input type="checkbox" ng-model="todo.done" /> <span class="done-{{todo.done}}">{{todo.text}}</span>
</li>
</ul>
<form ng-submit="addTodo()">
<input type="text" ng-model="todoText" size="30" placeholder="add new todo here" />
<input class="btn-primary" type="submit" value="add" />
</form>
</div>
</body>
angular.module('mytodoApp', []);
function TodoCtrl($scope) {
$scope.todos = [
{
text: 'learn angular',
done: true
}, {
text: 'build an angular app',
done: false
}];
$scope.addTodo = function () {
$scope.todos.push({
text: $scope.todoText,
done: false
});
$scope.todoText = '';
};
$scope.remaining = function () {
var count = 0;
angular.forEach($scope.todos, function (todo) {
count += todo.done ? 0 : 1;
});
return count;
};
$scope.archive = function () {
var oldTodos = $scope.todos;
$scope.todos = [];
angular.forEach(oldTodos, function (todo) {
if (!todo.done) $scope.todos.push(todo);
});
};
}
angular.module('mytodoApp', []);
function TodoCtrl($scope) {
$scope.todos = [
{
text: 'learn angular',
done: true
}, {
text: 'build an angular app',
done: false
}];
$scope.addTodo = function () {
$scope.todos.push({
text: $scope.todoText,
done: false
});
$scope.todoText = '';
};
$scope.remaining = function () {
var count = 0;
angular.forEach($scope.todos, function (todo) {
count += todo.done ? 0 : 1;
});
return count;
};
$scope.archive = function () {
var oldTodos = $scope.todos;
$scope.todos = [];
angular.forEach(oldTodos, function (todo) {
if (!todo.done) $scope.todos.push(todo);
});
};
}
angular.module('mytodoApp', []);
function TodoCtrl($scope) {
$scope.todos = [
{
text: 'learn angular',
done: true
}, {
text: 'build an angular app',
done: false
}];
$scope.addTodo = function () {
$scope.todos.push({
text: $scope.todoText,
done: false
});
$scope.todoText = '';
};
$scope.remaining = function () {
var count = 0;
angular.forEach($scope.todos, function (todo) {
count += todo.done ? 0 : 1;
});
return count;
};
$scope.archive = function () {
var oldTodos = $scope.todos;
$scope.todos = [];
angular.forEach(oldTodos, function (todo) {
if (!todo.done) $scope.todos.push(todo);
});
};
}
<body ng-controller="TodoCtrl">
<span>{{remaining()}} of {{todos.length}} remaining</span>
<a href="" ng-click="archive()">Archive</a>
<ul>
<li ng-repeat="todo in todos">
<input type="checkbox" ng-model="todo.done" /> <span class="done-{{todo.done}}">{{todo.text}}</span>
</li>
</ul>
<form ng-submit="addTodo()">
<input type="text" ng-model="todoText" size="30" placeholder="add new todo here" />
<input class="btn-primary" type="submit" value="add" />
</form>
</div>
</body>
<body ng-controller="TodoCtrl">
<span>{{remaining()}} of {{todos.length}} remaining</span>
<a href="" ng-click="archive()">Archive</a>
<ul>
<li ng-repeat="todo in todos">
<input type="checkbox" ng-model="todo.done" /> <span class="done-{{todo.done}}">{{todo.text}}</span>
</li>
</ul>
<form ng-submit="addTodo()">
<input type="text" ng-model="todoText" size="30" placeholder="add new todo here" />
<input class="btn-primary" type="submit" value="add" />
</form>
</div>
</body>
HTML code:
- Anonymous August 17, 2015<body ng-controller="TodoCtrl">
<span>{{remaining()}} of {{todos.length}} remaining</span>
<a href="" ng-click="archive()">Archive</a>
<ul>
<li ng-repeat="todo in todos">
<input type="checkbox" ng-model="todo.done" /> <span class="done-{{todo.done}}">{{todo.text}}</span>
</li>
</ul>
<form ng-submit="addTodo()">
<input type="text" ng-model="todoText" size="30" placeholder="add new todo here" />
<input class="btn-primary" type="submit" value="add" />
</form>
</div>
</body>