Angular控制器知识点总结
来源:互联网 发布:unity3d 骨骼动画制作 编辑:程序博客网 时间:2024/06/06 07:48
知识点总结
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>
<!--
控制器:Angular中用于进行数据逻辑处理和操作的一个模块
通过controller()函数进行注册
控制器中的参数$scope,这个参数不需要赋值,angular会自动给$scope参数传递一个数据进行使用
控制器:主要用来通过$scope挂载数据、挂载处理函数
-->
<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控制器知识点总结
- Angular入门知识点总结
- 视图控制器知识点总结
- Angular入门、Angular控制器、Angular常见内置指令总结
- Angular控制器
- Angular控制器
- 自定义视图、使用视图控制器知识点总结
- Angular知识点
- angular知识点
- angular--控制器controller
- Angular之控制器篇
- angular入门学习控制器
- 【Angular】angular核心总结
- Angular入门 Angular控制器 常见内置指令
- Angular的一些知识点
- Angular基础知识点
- Angular知识点梳理
- angular 控制器之间的通信
- LeetCoder 6. ZigZag Conversion
- 算法训练 一元三次方程求解 二分
- ADO.NET 快速入门(一):ADO.NET 概述
- ALGO137——Lift and Throw
- HDU 5324 分治
- Angular控制器知识点总结
- mongodb介绍及基本操作
- HTTP的请求方法OPTIONS
- 解决mysql的select查找的数据出现乱码的问题
- 球弹跳高度的计算
- Struts2+Spring4+Hibernate5+Maven
- 多态
- 信号量与PV操作
- Java求解逆波兰表达式