Следуйте приведенным ниже шагам, чтобы создать приложение AngularJSS
Шаг 1: Загрузка рамы
В качестве чистого JavaScript Framework его можно добавить, используя тег <croppl>.
<script src = "http://ajax.googleapis.com/ajax/libs/angularjs/1.2.15/angular.min.js"> </script>
Шаг 2: Определите приложение AngularJS с использованием директивы NG-APP
<div ng-app = ""> ... </div>
Шаг 3: Имя шаблона, определенное с помощью директивы NG-Model
<p> Введите свое имя: <input type = "text" ng-model = "name"> </p>
Шаг 4: Используйте директиву NG-Bind, чтобы связать определение значения в приведенной выше модели
<p> hello <span ng-bind = "name"> </span>! </p>
Следуйте приведенным ниже шагам, чтобы запустить приложение AngularJS
Используйте три шага, упомянутые выше на HTML -странице.
testangularjs.html
<html> <title> AngularJs First Application </title> <body> <h1> Пример приложения </h1> <div ng-app = "> <p> Мое имя: <input type" text "ng-model =" name "> </p> <p> Привет, <span ng-bind =" name "> </span>! src = "http://ajax.googleapis.com/ajax/libs/angularjs/1.2.15/angular.min.js"> </script> </body> </html>
Выход
Откройте TextAngularjs.html в веб -браузере. Пожалуйста, введите свое имя и посмотрите результаты.
Как интегрировать AngularJs с HTML
Директива NG-APP указывает начало приложения AngularJS.
Директива NG-Model создает модельную переменную с именем «Имя» на странице HTML и имеет директиву NG-APP, используемой в Div.
NG-Bind использует имя модели, пока пользователь входит в текстовое поле, отображается в теге HTML-SPAN.
Тэг End </div> указывает на конец приложения AngularJS.
Выше приложение AngularJS. Мы будем продолжать организовывать соответствующую информацию в будущем. Спасибо за поддержку этого сайта.