前言
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常用指令小结