如何將新的鍵/值對元素添加到現有數組？

Question

var onHomePageLoaded = function(retMsg)
 {
  $scope.data = retMsg.data.records;
  $scope.data.link : 'http://www.newwebsite.com'

 }

將鏈接元素（鍵/值）添加到javascript對象后，我無法在HTML模板中獲得相同的內容

<div ng-repeat="record in data">

  <a ng-href="{{record.link}}"> Click Here </a>

</div>

Answer 1

Javascript是一種動態語言。 您可以通過非常簡單的方法向現有對象添加屬性，例如為現有屬性分配值。 只需添加一個新屬性

$scope.data.link = 'http://www.newwebsite.com'

如果retMsg.data.records是一個數組，仍然可以向$scope.data添加一個屬性。

如果要為數組中的每個對象使用不同的鏈接，請執行此操作。

$scope.data.forEach(function(obj){
    obj.link = "your custom link" // write your logic here to produce different link.
});

Answer 2

如果數據是數組，則可以使用

$scope.data.push(yourData);

例如

$scope.data.push({link : 'http://www.newwebsite.com'});

或者，如果要訪問數組內部的對象並為它們添加一個鍵值對，則可以執行以下操作：

// add the link to the first entry
$scope.data[0].link = 'http://www.newwebsite.com';

Answer 3

抱歉。 不知道我是否很好理解。

也許您可以將scope.data定義為：

$scope.data = {retMsg.data.records}

然后例如一個函數：

    $scope.addNew = funtion(){
     $scope.data.newElement = $scope.viewElement
    };

在您的HTML中

  <label>{{data}}</label> // Which makes reference to the $scope.data at the controller 
  <input ng-change="addNew()" ng-model="viewElement"></input>
  <label>{{data.newElement}} // Will be empty at the very beginning but will show the new element once it is created.

希望能幫助到你

Answer 4

我發現您的代碼有幾個問題。

首先，在ng-repeat使用變量名稱record ，然后在ng-href使用report 。 我認為這些應該是相同的。

另外， link不是record的成員，而是data的成員。 您可以在此處將其設置為data成員： $scope.data.link : 'http://www.newwebsite.com' 。 如果要將鏈接添加到每個record ，請在onHomePageLoaded函數中，遍歷添加到data所有記錄，並將link屬性添加到每個記錄。