Definição e recursos do AngularJS
1. GOOGEOGL FRONT-END OPEN SOBREWORK
2.MVVM (Model View View-Model) Modo de design: O modelo interagirá com o ViewModel (através do objeto $ SCOPE) e ouvirá as alterações no modelo. Estes podem ser enviados e renderizados através da vista, e o HTML mostra seu código
3. REST conveniente
4. Ligação de dados e injeção de dependência
5. Você pode operar HTML como XML. O AngularJS pode concluir as configurações relevantes por meio de seu próprio compilador e diretrizes.
6. O modelo é passado como um elemento DOM para o compilador do Angular
7. AngularJS estende HTML através de diretrizes e vincula dados ao HTML por meio de expressões.
Construa um aplicativo AngularJS
Adicione a tag <script> do Angular à tag <head>
A cópia do código é a seguinte:
<script src = "// cdnjs.cloudflare.com/ajax/libs/angular.js/1.3.0/angular.min.js"> </script>
Adicione a diretiva NG-App à tag <body>
A cópia do código é a seguinte:
<corpo
ng-app = "Guetonline"
ng-controller = "mainController"
>
Crie um novo script de diretório e arquivo app.js, defina e configure todos os módulos e dependências no app.js
A cópia do código é a seguinte:
var app = angular.module ('guetonline', [
'NGROUTE',
'Mobile-angular-ui',
'Mobile-angular-ui.gestures'
]);
Defina controladores, serviços e instruções no aplicativo de módulo
A cópia do código é a seguinte:
App.Controller ('Mainctrl', função ($ RootsCope, $ scope, $ http) {}) // controlador
App.Service ('MainSevicel', function () {}) // Serviço
app.directive ('dragtodismiss', function () {}) // instruções
Defina rotas no aplicativo de módulo
A cópia do código é a seguinte:
App.config (função ($ routeProvider) {
$ routeProvider.when ('/', {templateurl: 'index/home', ReloDonsearch: false});
$ routeProvider.when ('/scroll', {templateurl: 'scroll.html', relloadonsearch: false});
$ routeProvider.When ('/Toggle', {templateurl: 'Toggle.html', Reloadonsearch: false});
$ routeProvider.when ('/tabs', {templateurl: 'tabs.html', ReloDonsearch: false});
$ routeProvider.when ('/Accordeion', {templateurl: 'Accentiion.html', Reloadonsearch: false});
$ routeProvider.when ('/Sobreposição', {templateurl: 'sobrevery.html', relloadonsearch: false});
$ routeProvider.when ('/forms', {templateurl: 'forms.html', Reloadonsearch: false});
$ routeProvider.when ('/suspenso', {templateurl: 'DropDown.html', Reloadonsearch: false});
$ routeProvider.when ('/drag', {templateurl: 'drag.html', ReloDonsearch: false});
$ routeProvider.when ('/carousel', {templateurl: 'carousel.html', reclóssionsearch: false});
$ routeProvider.when ('/news/oficial_view', {templateurl: '/news/oficial_view', Reloadonsearch: false});
});
continua. . O próximo passo é aprender etapas mais aprofundadas, e há filtros