Xóa thuộc tính khỏi biến phạm vi

Question

Tôi có một biến phạm vi $scope.object = { prop: 12345 } có thuộc tính tôi xóa với cài đặt chúng thành undefined.

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

Có khả năng xóa thuộc tính từ bên trong mẫu và không có chức năng bổ sung trong bộ điều khiển thay vì đặt giá trị của chúng thành undefined?

Answer 1

Có ... I.e. mà bạn có thể thay đổi giá trị của biến ... Có lẽ nó sẽ là một trợ giúp cho bạn

thử điều này:

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

hoặc bạn có thể xóa giá trị ...

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

bạn cũng có thể đặt giá trị thành null

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

Answer 2

sử dụng các mã bên dưới để xóa thuộc tính khỏi đối tượng

Trong HTML

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

Trong điều khiển

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

Answer 3

Dưới đây là cách mà bạn có thể xóa bất kỳ tên thuộc tính từ các đối tượng phạm vi. Phương thức này yêu cầu sử dụng thư viện Underscore.js.

index.html

//Underscore.js must be imported 
<script src="path/to/underscore/underscore-min.js"></script> 

//Replace prop with any property name 
<button ng-click="removeMyProperty(object, 'prop')">Test</button> 

khiển

$scope.object = {"prop": "test", "anotherProp" : 10}; 
$scope.removeMyProperty = function(variable, propName){ 
    var keys = _.keys(variable); 
    _.each(keys, function(data){ 
     if(data === propName){ 
      $scope.object = _.omit(variable, propName); 
     } 
     else { 
      console.log("No such property name in array!"); 
     } 
    }); 
}; 

này chỉ hoạt động khi bạn sử dụng thư viện Underscore.js và do đó bạn phải thêm nó vào classpath dự án của bạn và nhập khẩu gạch dưới. tệp js trong index.html

Nếu bạn chưa quen với Undersc quặng, vui lòng vào đây Underscore.js

Answer 4

Nếu đối tượng luôn luôn là tại một điểm mà bạn biết những gì thuộc tính nó sẽ có bên cạnh một trong những bạn đang xóa bạn có thể thử một cái gì đó như:

<button ng-show="object.prop" ng-click="object = {otherProp1: object.otherProp1, otherPropN: object.otherPropN}"/> 

Answer 5

Tôi nghĩ rằng bạn có thể không làm thế. Tôi đã thử sử dụng toán tử "xóa", giống như ng-click="delete object.prop". Nhưng nó chỉ ra rằng AngularJS biểu thức được giới hạn và điều này mang lại cho tôi một lỗi phân tích $ trong khi biên dịch các mẫu, vì vậy bạn sẽ phải viết rằng trong bộ điều khiển để hoàn toàn xóa nó, không may.

Nhưng nếu bạn muốn tránh điều khiển ở tất cả các phương tiện, thiết lập thuộc tính để xác định có thể là một ý tưởng tốt hơn, đọc những câu trả lời của Dan trong câu hỏi này: How do I remove a property from a JavaScript object?