В июне Google выпустил стабильную версию Angularjs 1.0,
И заявил, что: AngularJS позволяет вам расширить HTML -синтаксис, чтобы четко и кратко представлять компоненты в вашем приложении, и позволяет стандартному HTML в качестве языка шаблона. AngularJS может автоматически синхронизировать данные из пользовательского интерфейса (представление) с объектами JavaScript (модели) посредством двустороннего связывания данных.
Я начал связываться с Angularjs, когда пришел в новую команду проекта в апреле. В настоящее время AngularJS все еще находился в 0,8 нестабильной версии, и он начал использоваться в проекте. Эта структура применяется ко всему концу интерфейса проекта, а конец сервера также является нестабильным веб -API. Я действительно восхищаюсь мужеством и энтузиазмом команды к новым технологиям. К счастью, каждый может управлять этим хорошо. Это первый раз, когда я попробовал проект, полный нестабильных технологий.
Возвращаясь к теме, давайте посмотрим на официальный пример:
<! Doctype html> <html ng-App> <Head> <script src = "http://code.angularjs.org/angular-...min.js"> </script> </head> <body> Ваше имя: <input = "ng-model =" yourname " 'World'}}! </Body> </html>
Демонстрация:
Ваше имя:
----------------------------------------------------------------------------------------------------------------------------
Привет, мир!
Примечание. Ввод любой символ в поле ввода немедленно свяжется с обновлением на странице.
1. Здесь привязка директивы NG-модели (директива)-это атрибут модели Scope YourName.
2. И используйте выражения, чтобы связать свое имя с текстовой информацией.
3. Здесь нужно только любое прослушивание времени DOM, потому что AngularJS встроен.
Программа AngularJS разделена на 3 части: шаблон, логика уровня презентации и данные (модель).
Шаблон: мы используем HTML и CSS для записи кода просмотра пользовательского интерфейса, который содержит инструкции и выражения AngularJS, и в конечном итоге будет составлен механизмом компиляции AngularJS для прикрепления к дереву DOM. Директивы AngularJs могут быть свободно расширены нами.
Логика уровня презентации: включая логику приложения и поведение. Используйте определение JavaScript в качестве логики контроллера представления. Как структура MVC в AngularJS, нам не нужно добавлять события прослушивания уровня DOM в контроллере, который уже построен в AngularJS. После того, как событие DOM -узла пользовательского интерфейса AngularJS автоматически перейдет на определенную логику поведения (действие) на область прицела.
Данные: ViewObject должен быть направлен на применение AngularJS (появилось в качестве сервиса в 1.0), который может сделать любой тип объекта JavaScript, массив, примитивный тип, объект. Кроме того, AngularJS автоматически обновляет модель асинхронно, то есть она автоматически обновляет модель (режим) при изменении пользовательского интерфейса, и, наоборот, автоматически обновляет пользовательский интерфейс при изменении модели. Здесь нам не нужно определять некоторые методы столбцов, такие как Getters и Setters.
Вот вид от официального:
В то же время, AngularJS предоставляет нам несколько полезных услуг для столбцов и позволяет нам добавлять услуги для нашего собственного конкретного бизнеса, предоставляя базовый AJAX, Cache, URL -маршрутизацию, абстрактные услуги браузера, и мы можем использовать любую комбинацию этих услуг для механизма инъекции AngularJS. В то же время, AngularJS также является очень проверенной структурой JavaScript. Вы можете видеть, что в официальных примерах все они имеют тестовые программы на них и дают структуру разработки BDD (основанное на поведении).
Выше приведено angularjs javascript mvc framework, представленная вам редактором. Я надеюсь, что это будет полезно для вас. Если у вас есть какие -либо вопросы, пожалуйста, оставьте мне сообщение, и редактор ответит вам вовремя. Большое спасибо за вашу поддержку сайту wulin.com!