angular.js 基础

werch

于 2021-07-28 21:35:45 发布

阅读量146

点赞数

文章标签： angular

本文链接：https://blog.youkuaiyun.com/weixin_42666092/article/details/119186851

版权

本文介绍了Angular CLI的安装步骤，包括使用npm和ng命令创建项目和组件，以及如何跳过安装依赖。同时，讲解了Angular指令的基础应用，如ng-app、ng-model、ng-init和ng-controller，探讨了它们在作用域管理和数据绑定中的作用。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1.脚手架cli安装

npm i @angular/cli -g
ng v 判断是否安装成功
ng new aa 创建项目
ng new aa --skip-install创建项目跳过安装依赖
cnpm i /npm i  安装依赖

创建组件
ng g component +（APP下的路径名）
或者 ng g c +（APP下的路径名）

运行项目ng serve --open

2.指令

1.ng-app $rootscope根作用域对象，angular作用区域 2.ng-module ='变量' 双向绑定，标签内部插值表达式{{变量}} 3.ng-init=“变量=‘初始值’” 4.ng-controller=function($ scope){
$scope.aa=变量a
$KaTeX parse error: Expected 'EOF', got '}' at position 24: \dots=function() {} }̲，此时的$ scope为声明式依赖对象，this.aa也是其所在所用域的某个属性
（还有命令式，命令式是对原数组进行修改，类似于数组push方法，更注重过程；声明式是对原数组进行修改，返回新的数组类似于数组map方法，更注重结果）