Вступ до кутового застосування JS

Angular JS - це програма з відкритим кодом. Це було написано на JavaScript. Кутовий JS був розроблений в 2010 році Google. Кутовий додаток JS також забезпечує динамічне посилання на веб-програми та сторінки. Angular JS дозволяє розширити словник HTML для вашої програми. Кутовий JS використовується тому, що HTML збивається, коли його намагаються використовувати для оголошення динамічних поглядів у веб-додатках. Кутовий JS називається набором інструментів для побудови рамки, найбільш підходящої для вашої розробки додатків.

Кутові функції рамки JS можна змінювати або замінювати, повторно використовувати для більшого або унікального для робочого процесу та для подальшого використання. Він повністю розширюється і працює з іншими бібліотеками. Код програми AngularJS простий у старих об’єктах JavaScript. Це змушує ваш код перевірити, підтримувати, використовувати повторно. У кутовому JS немає необхідності успадковувати від власницьких типів для того, щоб обернути моделі методами аксесуарів, як це потрібно робити в інших. Кутовий JS дотримувався останніх концепцій розвитку.

Поняття кутового застосування JS

Поняття Angular JS Application із їхніми прикладами:

  • Директиви щодо розширення атрибутів HTML

Директива щодо функцій унікальна і доступна в інших рамках. Директиви пишуться легко і можуть бути загальними також, оскільки можуть бути написані один раз і багаторазово використані. Директиви є дуже корисними, і є багато причин для використання, як, наприклад, коли у вас є особливі потреби, як власна сітка або інша функціональність, директива, яку ви хочете, ще не існує. Директива Angular JS Application починається з 'ng-', таких як ng-pp, ng-контролер, ng-view, ng-модель, ng-class, ng-click, ng-src тощо.

Приклад:

Цикл за допомогою ng-повтору:

    ((x))

  • Область застосування

Він використовується для зв'язку між контролером та переглядом. Він прив'язує погляд до моделі подання та функцій, визначених у контролері Angular JS Application, підтримує вкладені або ієрархічні області застосування. Це джерело даних для Angular JS Application, і воно може додавати або видаляти властивості, коли потрібно. Усі маніпулювання та призначення даних відбувається через об'єкт області, коли потрібно робити операцію CRUD.

  • Контролери

Вони використовуються для визначення області для представлень, а область може розглядатися як змінні та функції, для яких погляд може використовувати деяке прив'язку.

Приклад:




First Name:

Last Name:


Full Name: ((firstName + " " + lastName))

var app = angular.module('myApp', ());
app.controller('myCtrl', function ($scope) (
$scope.firstName = "James";
$scope.lastName = "Anderson";
));

  • Прив’язка даних

Він синхронізує дані між моделлю та поданням. Це означає, що зміна моделі оновить вигляд. Директива ng-моделі використовується для двостороннього прив'язки даних.

Приклад:
Коли користувач вводить у текстове поле змінене значення відображається у верхньому та нижньому регістрі в мітці, яка є двосторонньою прив'язкою даних.

  • Послуги

Він використовується, коли стан розповсюджується в додатку та потребує рішення для зберігання даних. Він може бути однотонним і може використовуватися іншими компонентами, такими як директиви, контролери та інші служби. Служби, які використовуються, це $ http, $ location, $ log, $ route, $ filter, $ document, $ timeout, $ izuzetHandler.

  • Маршрутизація

Це допомагає ділити додаток на кілька переглядів і прив’язувати кілька поглядів до контролерів. Він розділяє SPA на кілька переглядів, щоб логічно розділити додаток і зробити його більш керованим.

Приклад: маршрут за замовчуванням

App.config(('$routeProvider',
function($routeProvider)
(
$routeProvider.
when('/List',
(
templateUrl: 'Views/list.html',
controller: 'ListController'
)).
when('/Add',
(
templateUrl: 'Views/add.html',
controller: 'AddController'
).
otherwise((
redirectTo: '/List'
));
)));

  • Фільтри

Вони використовуються для розширення поведінки обов'язкового вираження та директиви. Це дозволяє форматувати дані та форматувати значення або застосовувати певні умови. Фільтри викликаються в HTML із виразом труби всередині.

Приклад:

< html>

var app = angular.module('myApp', ());
app.controller("namesCtrl", function ($scope) (
$scope.friends = (
( name: "Karl", age: 27, city: "Bangalore" ),
( name: "Lewis", age: 55, city: "Newyork" ),
);
));

 html>

var app = angular.module('myApp', ());
app.controller("namesCtrl", function ($scope) (
$scope.friends = (
( name: "Karl", age: 27, city: "Bangalore" ),
( name: "Lewis", age: 55, city: "Newyork" ),
);
));

Вхід фільтрування:

    (((x.name | верхній регістр) + ', ' + x.age + ', ' + x.city))

  • Вирази

Вирази (()) - це декларативний спосіб визначення місця прив'язки даних у HTML та використання виразу для прив’язки даних. Він може бути доданий у шаблони HTML і не підтримує оператори управління потоком, але він підтримує фільтри для форматування даних перед їх відображенням.

Приклад:

Введіть щось у поле введення:

Ім'я:

Ви написали: ((firstName))

  • Модулі

    Модуль є контейнером програми, а контролери програм належать до модуля. Це сукупність функцій і розділяє додаток на невеликий і багаторазовий функціональний компонент. Модуль може бути ідентифікований за допомогою унікального імені та може залежати від інших модулів.

Приклад:



//Referring module name myApp
(( firstName + " " + lastName ))


  • Тестування

Для перевірки кутового коду програми JS широко використовуються тестові рамки, такі як Жасмін та карма. Ці рамки тестування в основному підтримують глузування та налаштування, які легко налаштовуються за допомогою файлу JSON за допомогою різних модулів Angular JS Application.

Висновок - Кутове застосування JS

Кутовий JS забезпечує основу, яка має унікальні директиви та потужні функції. Директиви допомагають нам у створенні нового синтаксису HTML, який в основному специфічний для програми. Він використовується як компоненти для багаторазового використання. Компонент дозволяє приховати складну структуру та іншу поведінку. Основна увага приділятиметься лише тому, що робить програма та як окремо виглядає програма. Кутова програма JS стає популярною в наші дні серед тих, як її легко вивчити та розвинути. На ринку існує багато можливостей для розробника передньої частини. Якщо ви добре використовуєте JavaScript, то Angular JS вам не складе труднощів навчитися, і оновити свої вміння за допомогою цієї технології було б чудовою ідеєю.

Рекомендовані статті

Ця стаття є посібником для кутового застосування JS. Тут ми розглянули поняття Angular JS Application з деяким прикладом, щоб краще зрозуміти. Ви також можете переглянути наступну статтю, щоб дізнатися більше.

  1. Відмінності кутових 5 і кутових 4
  2. Що таке машинне навчання?
  3. Відмінності між JSON та BSON
  4. Що таке Рамка Laravel?
  5. Що таке тестування рамок для Java?

Категорія:

Розробка програмного забезпечення