angular14-控制器的定义

简介: angular14-控制器的定义
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body ng-app="myModule" ng-controller="HelloController">
    <script src="./js/Angular.js"></script>
    <!-- 第一个参数是这个模块的名字 第二个参数是模块所依赖的模块 -->
    <script>
        var module = angular.module('myModule', []);
        //勇于创建一个控制器
        //创建一个控制器 属于myApp模块
        //传一个参数是获取 传两个参数是创建 会根据参数名称传递对象 所以要保证准确
        module.controller('HelloController', function($scope) {
            //当控制器执行会自动执行的函数
            console.log($scope);
        })
    </script>
</body>
</html>

image.png

相关文章
|
7月前
快速创建Angular组件并定义传参、绑定自定义事件的方法
快速创建Angular组件并定义传参、绑定自定义事件的方法
|
JavaScript API 开发者
为依赖Angular.js的上古项目给VSCode编写$scope定义跳转扩展插件
虽然Angular.js停止更新已经一年了,但依赖它的上古时代的项目并不少。由于都是使用js开发,很难为其提供很好的维护,所以直到今天开发维护也并不愉快。可以说没有开发插件的支持,再成熟老练的框架都发挥困难。
176 0
为依赖Angular.js的上古项目给VSCode编写$scope定义跳转扩展插件
angular12-模型和控制器
angular12-模型和控制器
147 0
angular12-模型和控制器
angular15-控制器的职责
angular15-控制器的职责
195 0
angular15-控制器的职责
angular定义数组的三种方式
angular定义数组的三种方式
532 0
|
Java
将Angular6自己定义的模块发布成npm包
创建自己的模块组件 1. ng new 一个工程 2. ng g m 创建模块 例如我这里的modules文件下创建header模块 3. ng g c modules/head 创建一个hear组件,内容随意 4.
2473 0
|
JavaScript 数据安全/隐私保护 API
第218天:Angular---模块和控制器
1、使用NG实现双边数据绑定 所有需要ng管理的代码必须被包裹在一个有ng-app指令的元素中ng-app是ng的入口,表示当前元素的所有指令都会被angular管理(对每一个指令进行分析和操作) 1 2 3 使用NG实现双边数据绑定 4 7 hello {{user.
1101 0
|
前端开发 JavaScript 网络架构