【前端】Angular开发的宏观把控

前言

  Angular前端知识的学习，之前没有进行系统的总结，现在对于Angular的入门内容做一下简单总结。

一、Angular程序架构

   主要包括：
   1.组件component ，创建命令ng new component myComponet。
   2.指令，ng-开头的html标签属性；

ng-app: 选择angular去管理哪一部分的html代码, 管理的是ng-app所在 
元素的子元素及其本身
ng-click: 也是用来注册点击事件
ng-model: 可以指定一个属性值，这个属性就表示当前文本框的value值
ng-init: 可以对数据进行初始化操作，给一个默认值。

   3.模块
   4.服务

二、Angular框架核心

   框架提供了一种结构或者模式，我们按照它提供这种结构或者模式去书写代码，框架会帮助我们去剩下的事情，其核心就是通过指令扩展了 HTML，通过表达式绑定数据到 HTML。

三、Angular项目环境

  1.搭建环境

  2.项目中的必备元素

四、Angular开发流程

   1.在html中引入angular.js文件
   2.在html中加上ng-app指令，告诉angular要管理页面哪一部分代码
   3.在js中创建模块angular.module(‘myApp’,[]),给ng-app指令一个值，这个值就是这个模块的模块名:myApp
   4.在js中创建控制器xxx.controller('控制器名字',function($scope){}),我们需要在页面上加上ng-controller指令，指令的值为控制器的名字 ng-controller=”控制器名字”
   5.建模:根据页面结构，抽象出具体的js对象；
   6.通过$scope做一些初始化操作$scope.username="小明"；
   7.通过ng-model , ng-click , {{}} 把$scope的属性在页面展示出来；
   8.在js写一些具体的逻辑；

小结

  angular中的知识,自己还没有怎么入门，需要不断地学习补充能量。
借鉴博客：Angular常用指令小结

感谢您的访问！