Добавить новую запись в (пустой) массив областей, используя директиву ng-click

Question

Добавить новую запись в (пустой) массив областей, используя директиву ng-click

0

Моя область не содержит "notYetExistingArray" во время генерации.

Через кнопку я хотел бы добавить массив и первую запись. При каждом последующем нажатии одной и той же кнопки следует добавить еще одну запись.

К сожалению, я не знаю, как подойти к нему.

В настоящее время у меня есть:

<button type="button" ng-click="notYetExistingArray.unshift({})">

Если область уже содержит объект "notYetExistingArray" типа array = [], я могу легко добавить запись с указанной выше функцией.

Кто-нибудь посоветует, как это сделать?

Nogga 07 июнь 2016, в 23:46

Источник

Теги:

angularjs

arrays

push

3 ответа

Ещё вопросы

isherwood · Answer 1 · 2016-06-07T19-36-00.000Z

Вызовите функцию контроллера из директивы ng-click а не пытайтесь сделать все это в своей разметке. Он может включать проверку наличия массива и создание его при необходимости.

<button type="button" ng-click="addThis(thing)">

В контроллере:

ctrl.addThis = function(thing) {
    if (ctrl.myArray === undefined) {
        ctrl.myArray = [];
    }

    myArray.unshift(thing);
};

Обратите внимание, что я использую здесь синтаксис controllerAs, поэтому ctrl может быть $scope.

Это работает. Любой намек на то, как я могу также определить myArray в качестве параметра для функции addThis?
Вы имеете в виду свойство или аргумент функции?
По сути, я хочу передать функцию объекта для использования в качестве неинициализированного массива в области видимости и функции. Поэтому функция addThis ("prop1.prop2", {}) должна добавить {} к потенциально несуществующей записи в области видимости, такой как scope.prop1.prop2 - я не эксперт по Javascript, поэтому трудно объяснить
Я нашел stackoverflow.com/questions/6393943/… но, похоже, я просто не в состоянии преобразовать эту логику в мою проблему

Paul Boutes · Answer 2 · 2016-06-07T19-38-00.000Z

Хорошим способом является привязка функции к директиве ngClick, которая будет выполнять тест, чтобы проверить, существует ли массив.

В вашем контроллере:

function foo(item) {
  //if my array does not exist
  if (!$scope.myArray) {
    //create the array
    $scope.myArray = [];
  }
  //Here, we can add some data to our array, we are sure that the array exist
  $scope.myArray.unshift(item);
}

$scope.foo = foo;

Html:

<h2>Array.length : {{myArray.length}}</h2>
</br>
<button type="button" ng-click="foo({})">Add</button>

Не стесняйтесь проверять Рабочий Plunker

arop · Answer 3 · 2016-06-07T18-16-00.000Z

Вы можете инициализировать массив, прежде чем делать это, например:

<button type="button" ng-init="notYetExistingArray=[]" ng-click="notYetExistingArray.unshift({})">

проверьте документацию для ng-init https://docs.angularjs.org/api/ng/directive/ngInit

Это нормально до тех пор, пока массив не будет находиться в области видимости при загрузке страницы. Может быть, лучше проверить его существование, чем предполагая.