控制器

来源：互联网发布：王者容颜游戏数据分析编辑：程序博客网时间：2024/04/27 14:32

AngularJs控制器

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

控制器：Angular中用于进行数据逻辑处理和操作的一个模块通过controller()函数进行注册控制器中的参数$scope，这个参数不需要赋值，angular会自动给$scope参数传递一个数据进行使用控制器：主要用来通过$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>

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

0 0