Angular控制器知识点总结

最新推荐文章于 2022-07-09 21:59:04 发布

阿脆脆脆脆脆

最新推荐文章于 2022-07-09 21:59:04 发布

阅读量328

点赞数

本文链接：https://blog.csdn.net/CUILINA1994/article/details/70832952

版权

知识点总结

2.Angular控制器

(1) 控制器：Angular中用于进行数据逻辑处理和操作的一个模块
(2)通过controller()函数进行注册
(3) 控制器中的参数$scope，这个参数不需要赋值，angular会自动给$scope参数传递一个数据进行使用

(4)控制器：主要用来通过$scope挂载数据、挂载处理函数

<!DOCTYPE html>
<html ng-app="myApp">
<head>
<meta charset="UTF-8">
<title>Title</title>
<script src="js/lib/AngularJS/angular.min.js"></script>
</head>
<body>

</body>

<div ng-controller="myCtrl">
Mustache:{{name}}**--{{param}}--**
ng-bind: <span ng-bind="name"></span>
</div>
<hr>
<div ng-controller="myCtrl2">
Mustache:{{name}}**--{{param}}--**
ng-bind: <span ng-bind="name"></span>
<button ng-click="test()">clickMe test()</button>
<button ng-click="testFn()">clickMe testFn()</button>
</div>

<script>
var app = angular.module("myApp", []);

app.controller("myCtrl", function($scope) {
// 通过$scope挂载变量
$scope.name = "jerry";
});

app.controller("myCtrl2", function($scope) {
$scope.name = "tom";

$scope.testFn = function() {
alert("用户点击了按钮...");
}
});

/* 常规定义的普通变量和函数 */
var param = "hello!";
function test() {
alert("用户点击......");
}
</script>
</html>