Как работает Angular JS под капотом?

Question

Я начал изучать Angular JS. Я не понимаю, как Angular работает внутри. Например. Рассмотрим w3schools' first example:

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script> 
 
<div ng-app=""> 
 
    
 
<p>Input something in the input box:</p> 
 
<p>Name : <input type="text" ng-model="name" placeholder="Enter name here"></p> 
 
<h1>Hello {{name}}</h1> 
 

 
</div>

Вопросы:

1. Как создать атрибут myng-myapp с простой JavaScript?

2. Что такое {{}} в языке html? Как содержимое внутри этих преобразованных в текст? Как создать тот же эффект с помощью простого javascript. То есть я не использую библиотеку angularjs, а затем вставляю {{name}} в html-файл. Теперь в тегах скрипта я определяю var name = "Bob". Теперь как {{name}} будет преобразован в Bob?

Edit: Это как мой вопрос не является дубликатом связанного один:

1. Мой вопрос не спрашивает о компиляторе, контроллер, Prelink и после ссылки.

2. Мой вопрос не спрашивает о том, как объявить различные функции? В чем разница между исходным шаблоном и шаблоном экземпляра? В каком порядке выполняются директивные функции? Что еще происходит между этими вызовами функций?

3. Связанный вопрос не объясняет, как создавать пользовательские атрибуты с помощью простого javascript.

4. Это не объясняет, что такое {{}} в html или css.

Если вы считаете, что связанный вопрос отвечает на любой из моих вопросов, пожалуйста, покажите эту порцию, и я с удовольствием удалю свой вопрос.

спасибо.

Answer 1

Ответы на вопросы:

1. Вы не можете создать что с простым JavaScript. Каждый атрибут, начинающийся с ng-, интерпретируется Angular. Он не является частью стандартов HTML, CSS или javascripts.
2. Тот же ответ, что и 1. {{}} не является частью стандарта HTML.

Подумайте об Угловом (или любом другом фреймворке javascript, таком как jQuery) как дополнение или расширение (например, в Chrome) HTML, CSS или javascript.