1. angular的使用步骤
作者:
小草莓蹦蹦跳 | 来源:发表于
2017-10-09 18:49 被阅读0次<!--步骤四：所有需要ng管理的代码必须被包裹在一个有ng-app指令的元素中-->
<!--ng-app是ng的入口，表示当前元素的所有指令都会被angular管理（对每一个指令进行分析和操作）-->
<body ng-app="app" ng-controller="wmxController">
<!--使用模型中的数据并通过展示-->
<p>{{name}}</p>
<!--步骤一：导入依赖的angular框架-->
<script src="angular.js"></script>
<script>
// 步骤二：创建一个模块
//angularJS提供一个全局对象，在此处的angularJS对象的名称为app
//在此全局对象下，存在若干个方法，其中angular.module()方法用来定义一个模块
//参数一：创建模块的名称为app
//参数二：当前模块需要依赖的其他模块，如果没有依赖，就写一个[]
var app = angular.module('app',[]);
// 步骤三：创建一个控制器，
//参数一：控制器的名称
//参数二：数据绑定的工具。依赖模块中的某种服务叫$scope，专门用来进行赋值操作
app.controller('wmxController',['$scope',function ($scope) {
// 在控制器中声明一个全局变量name,并进行赋值
$scope.name = "我是小草莓";
}])
</script>
</body>
本文标题：1. angular的使用步骤
本文链接：https://www.haomeiwen.com/subject/jwipyxtx.html
网友评论