Demigodd

setTimeout не переполняет стек (статья, в которой затрагивается работа стэка, и setTimeout в том числе), но нужно не забывать об использовании clearTimeout, во избежание утечек памяти:

let timeoutName = setTimeout(() => {
   // Делаем что-то...
   console.log('Hello, world!');
   // Мы сделали все что нужно: очищаем память.
   clearTimeout(timeoutName);
}, 5 * 1000);

Возвращайте из функции bbb промис.

Вы, кажется, не понимаете асинхронной работы в JS. Функция SetTimeout не ждёт указанное время (у вас 2 секунды). Она настраивает таймер и сразу же возвращается. Указанная в SetTimeout функция через указанное время будет поставлена в очередь вызовов JS и запущена, когда до неё дойдёт очередь.
Таким образом, функция bbb, вызванная из aaa завершится практически сразу же. Вы можете записать так:

function bbb() {
  if(...) {
    variable = true;
    return;
  }
  SetTimeout(bbb, 2000);
}

Но переменная изменится только по срабатыванию условия, когда функция aaa давно уже завершится.

setTimeout не переполняет стек, это как раз и есть один из способов бороться с этим. Можно также использовать setInterval. Вот статься на эту тему.

Может поможет

$('#site').find('.obj').each(async function() {
        let myVar = $(this).text();

        await foo(myVar);
    });

У bluebird есть Promise.each и Promise.mapSeries
или например так:

(async () => {
  let elements = Array.from($("#site").find(".obj"));
  for (let element of elements) {
    const $item = $(element);
    await foo(myVar);
  }
})();

foo должна возвращать обещание

чекбоксы нужно связать с моделью данных через `ng-repeat`, модель данных это массив, создать геттер `isButtonDisabled = ()=>checkboxList.some(i=>!i.checked)` забиндить этот геттер на кнопку

Делайте через валидацию из коробоки. В чем проблема?

А почему не setInterval?
https://learn.javascript.ru/settimeout-setinterval...

Можно использовать includes

array = [1, 2, 3, 4, 5]
a = 9
if (!array.includes(a) ){
    console.log("not in array");
}

array = [1, 2, 3, 4, 5]
a = 9
if (array.indexOf(a) == -1) {
// not found
}

ну, а если все равно нужно по всему массиву пройтись то:

array = [1, 2, 3, 4, 5]
a = 9
found = false;
for( i = 0; i < array.length; i++ ) {
  if (array[i] = a) {
   found = true;
    console.log("if +");
  } 
}
if (!found) {
 // not found
}

По классике такое делается фильтром, а не ng-repeat. Потому что с ng-repeat обработка ситуаций "пустой массив", "массив с одним элементом" и "массив с двумя элементами" (про массив с двумя элементами объяснено ниже) будут выглядеть по-уродски в шаблоне.

Вот как это выглядет

// human-friendly-concat.js
angular.module('yourModule', [])
.filter('humanFriendlyConcat', function() {
  return function(input) {
    input = input || [];
    if (input.length === 0) {
        return 'does not exist';
    }

    if (input.length === 1) {
        return input[0];
    }

   if (input.length === 2) {
        return input.join(' and ');
    }

    return input.slice(0, -1).join(', ') + ', and ' + input.slice(-1);
  };
})

// template.html
<p>
  This name <span ng-bind="name | humanFriendlyConcat"></span>.
</p>

Разница между массивом из двух элементов и массивом из больше чем двух элементов в так называемой "гарвардской запятой". Она ставится перед "and" в перечислении. Например, перечисляя страны мы напишем "Russia and Spain" для двух, но "Russia, Jamaica, and Spain" для трёх. Такие дела. https://en.wikipedia.org/wiki/Serial_comma

Если вы запускаете exe файл, который имитирует CTRL+V, то фокус уже сместится с вашей программы с текстовым полем на новый процесс, и CTRL+V уйдет в этот же exe файл или бат скрипт.

Но вы можете использовать любые кликеры или софт для тестирования. Посмотрите AutoIT или ACTool

Это делается с помощью keybd_event
Вот ещё полезные ссылки:
https://stackoverflow.com/questions/5607849/how-to...
https://stackoverflow.com/questions/6811899/how-wo...
https://www.codeproject.com/Articles/7305/Keyboard...

Так? Ну или кастомный фильтр можно сделать.

И еще почему всегда первый элемент в опций виден как undefined ?
И если убрать ng-model то 1-ая опций undefined не будет.

Открываем документацию, и видим, что

If the viewValue of ngModel does not match any of the options, then the control will automatically add an "unknown" option, which it then removes when the mismatch is resolved.

С помощью трансформации
Первый блок "фон" его трансформируете, второй вложенный блок для текста.

По-моему, вам структура в данном случае нужна такая , зачем внутри ставить дополнительные дивы?

если вам изначально неизвестные размеры и соотношение картинок, используйте параметр background-image

<div class="container py-4">
  <div class="row">
    <div class="col-md-6">
      <img  class="img-fluid"  src="" alt=""> 
    </div>
    <div class="col-md-3">
       <img class="img-fluid" src="https://www.w3schools.com/w3images/fjords.jpg" alt=""> 
      
      <img  class="img-fluid" src="https://www.w3schools.com/w3images/fjords.jpg" alt="">
    </div>
    
    <div class="col-md-3">
       <img class="img-fluid" src="https://www.w3schools.com/w3images/fjords.jpg" alt=""> 
      
      <img  class="img-fluid" src="https://www.w3schools.com/w3images/fjords.jpg" alt="">
    </div>
    
    
  </div>
</div>

а у тебя бутстрап не подключен в песочнице)) и для картинок еще нужно написать max-width: 100% иначе они накладываются друг на друга
исправил