В конце концов, эта простая структура имеет только контрольную часть JS. У угловой структуры есть своя логическая часть, свой собственный контроллер и сервисный слой. Поскольку мы можем использовать некоторые встроенные ресурсы и куки с угловой, нам нужно добавить несколько угловых либеров:
----------------------------------------------------------------------------------------------------------------------------
<script src = "lib/angular/angular-strap.js"> </script> <script src = "lib/angular/angular-resource.js"> </script> <script src = "lib/angular/angular-cookies.js"> </script>
Сначала посмотрите на наши Services.js
«Использовать строго»; / * Сервисы */ // демонстрируют, как зарегистрировать услуги // В этом случае это простая стоимость службы. var services = angular.module ('jthink.services', ['ngresource']). value ('version', '1.0'); services.factory ('loginservice', ['$ resource', function ($ resource) {return $ resource ('faedata/userlogin.json', {}, {login: {method: 'get', params: {}, isarray: false}});}]);Здесь мы используем заводский режим, и на самом деле мы наконец -то предоставляем метод входа для вызова уровня контроллера. Давайте посмотрим на эти контроллеры.
«Использовать строго»; / * Контроллеры */ var controllers = angular.module ('jthink.controllers', []); Controllers.controller ('loginctrl', ['$ scope', 'loginservice', function ($ scope, loginservice) {$ scope.login = {}; $ scope.login.submit = function () {console.log ($ scope.login.mail); Layer loginservice.login ({}, {email: $ scope.login.email, пароль: $ scope.login.password}, функция (успех) {if (успех.Здесь мы должны сделать какую -то простую логику, и самое важное, чтобы вызвать метод входа в систему, предоставленный уровнем сервиса.
Некоторые другие модули могут быть записаны в этом шаблоне. Из -за ограничений по времени многие детали не будут записаны в этой простой структуре. Если вы хотите узнать о конкретных, пожалуйста, спросите меня об этой структуре наедине. Я в основном написал их полностью. Полем Полем Полем Полем
Выше приведено код для построения передней части JS-части Angularjs Bootstrap. Мы будем продолжать добавлять соответствующую информацию в будущем. Спасибо за поддержку этого сайта!
Связанные статьи:
Angularjs Bootstrap оснащен интерфейской каркасом - JS Control Part
AngularJs Bootstrap оснащен фронтальной каркаью - базовая страница
AngularJs Bootstrap, оснащенная передней рамкой -
Angularjs Bootstrap подробное объяснение и пример кода