Delete property from scope variable

angularjs angularjs-scope angularjs-templates
Sebastian Barth picture Sebastian Barth · Nov 25, 2014 · Viewed 27.5k times · Source

I have a scope variable $scope.object = { prop: 12345 } whose properties I delete with setting them to undefined.

<button ng-show="object.prop" ng-click="object.prop = undefined"/>

Is there a possibility to delete a properties from within a template and without an additional function in the controller instead of setting their values to undefined?

Answer

Kalhan.Toress picture Kalhan.Toress · Nov 25, 2014

use codes below to delete a property from a object

In HTML

<button ng-show="object.prop" ng-click="deleteProperty()" />

In Controller

$scope.deleteProperty = function() {
    delete $scope.object.prop;
}

Related questions

Getting value of ng-change field in my angularjs controller

I have this line in my view: <input placeholder="Search" type="text" ng-change="searchChange()" ng-model="mySearch" ng-model-options="{debounce: 1000}"> And then inside my controller I have: angular.module('app.controllers', []) .controller('listViewCtrl', ['$scope', '$stateParams', '$http', function ($…

Read More
How do I use $scope.$watch and $scope.$apply in AngularJS?

I don't understand how to use $scope.$watch and $scope.$apply. The official documentation isn't helpful. What I don't understand specifically: Are they connected to the DOM? How can I update DOM changes to the model? What is the connection …

Read More
How do I access the $scope variable in browser's console using AngularJS?

I would like to access my $scope variable in Chrome's JavaScript console. How do I do that? I can neither see $scope nor the name of my module myapp in the console as variables.

Read More