首页 > 其他分享 >AngularJS基于模块化的MVC实现

AngularJS基于模块化的MVC实现

时间:2024-09-06 12:25:36浏览次数:10  
标签:AngularJS 作用域 模块化 MVC myapp scope

AngularJS基于模块化的MVC实现

1 <!DOCTYPE html>
 2 <html>
 3     <head>
 4         <meta charset="UTF-8">
 5         <title>AngularJS基于模块化的MVC实现</title>
 6         <script type="text/javascript" src="../js/angular.min.js"></script>
 7     </head>
 8     <body>
 9         <!--ng-app="myapp"定义了一个模块-->
10         <div ng-app="myapp" ng-controller="myctrl">
11             <div>
12                 <!--ng-model模型作用-->
13                 <input type="text" name="name" ng-model="name"/>
14             </div>
15             <div>
16                 <!--{{}}等价于ng-bind 用于数据显示-->
17                 hello,{{name}}
18             </div>
19         </div>
20     </body>
21     <script type="text/javascript">
22         //初始化myapp模块
23         var myapp = angular.module("myapp",[]);
24         //定义模块的控制器
25         //依赖注入,$scope作用域对象,操作当前作用域视图
26         myapp.controller("myctrl",["$scope",function($scope){
27             //对模型进行初始化赋值
28             $scope.name = "你我他学习吧";
29         }])
30     </script>
31 </html>

 



标签:AngularJS,作用域,模块化,MVC,myapp,scope
From: https://blog.51cto.com/zhangxueliang/11937110

相关文章

  • java面试题(Spring、Spring MVC)
    点赞关注+收藏,万分感谢!!Spring1、为什么要使用spring?spring提供ioc技术,容器会帮你管理依赖的对象,从而不需要自己创建和管理依赖对象了,更轻松的实现了程序的解耦。spring提供了事务支持,使得事务操作变的更加方便。spring提供了面向切片编程,这样可以更方便的处理某一类......
  • SpringMVC-05-Json
    1、什么是JSON?JSON:JavaScriptObjectNotation(JS对象描述法)。JSON是一种存储和交换数据的语法。JSON是通过JS对象描述法书写的文本,用字面文本的形式来表示一个JS对象2、为什么要使用JSON?JSON是一种轻量级的数据交换格式,伴随着JavaScript语言的火爆,目前使用特别广泛。......
  • Spring、SpringMVC、SpringBoot都是什么,有什么区别
    Spring、SpringMVC、SpringBoot都是什么,有什么区别Spring:是一个轻量级的基于IOC和AOP的容器框架,是用来简化开发流程的一套框架。IOC:InversionofController控制反转。不好理解的概念:应用不负责依赖对象的创建,而是把它们创建的控制器交给外部容器,这种控制权的转移就是控......
  • 创建一个Spring MVC项目(配置,导入依赖,以及前端控制器)
    Tomcat(10.1.28)配置详细讲解!链接https://blog.csdn.net/or77iu_N/article/details/141266535?spm=1001.2014.3001.55021、创建JavaWeb项目File->New->Project2、导入SpringMVC相关依赖<dependency><groupId>org.springframework</groupId><......
  • 【前端工程化-Node.js】Node.js介绍、模块化、模块导入导出语法、npm包管理、同源和跨
    Node.js入门Node.js是什么Node.js是一个跨平台的JavaScript运行环境,主要使用场景有:编写后端程序:充当服务器,对外提供Web服务(接口、数据、网页资源等)前端工程化:对代码进行压缩,转译和整合浏览器和Node环境的对比Node.js内部封装了ChromeV8引擎,因此可以像浏览器一样运......
  • ASP.NET MVC+LayUI视频上传
    前言前段时间在使用APS.NETMVC+LayUI做视频上传功能的时,发现当上传一些内存比较大的视频就会提示上传失败,后来通过查阅相关资料发现.NETMVC框架为考虑安全问题,在运行时对请求的文件的长度(大小)做了限制默认为4MB(4096KB),因此我们需要在Web.Config中设置最大请求文件长度大小,本文主要......
  • Blender多角度深度图depth map渲染,MVCNN数据生成
    现在在网上已有开源代码来生成论文中推荐的Phong渲染多视图,代码解析如下:https://blog.csdn.net/jorg_zhao/article/details/88345324,代码链接大佬传在了github上:https://github.com/zeaggler/ModelNet_Blender_OFF2Multiview该代码包针对phong渲染提供了Blender配置文件,渲......
  • SpringBoot项目常用配置文件MybatisPlusConfig、RedisConfig、RedissonConfig、Swagge
    MybatisPlusConfig:@Configuration@MapperScan("com.yupi.usercenter.mapper")publicclassMybatisPlusConfig{@BeanpublicMybatisPlusInterceptormybatisPlusInterceptor(){MybatisPlusInterceptorinterceptor=newMybatisPlusInterc......
  • 《JavaEE进阶》----9.<SpringMVC实践项目:【简易对话留言板(数据存在数据库中)】>
    本篇博客讲解设计的一个网页版简易对话留言板。这个是将数据存在数据库中。我们通过链接本地数据库。在这里面存入的数据。此时数据存在在硬盘中,只要数据不被删除,硬盘不损坏。那么这些数据就会被永久保存引入的依赖:配置数据库:spring:datasource:#数据库连接配置......
  • MVCC详解,深入浅出简单易懂
    转载自https://blog.csdn.net/lans_g/article/details/124232192一、什么是MVCC?mvcc,也就是多版本并发控制,是为了在读取数据时不加锁来提高读取效率和并发性的一种手段。数据库并发有以下几种场景:读-读:不存在任何问题。读-写:有线程安全问题,可能出现脏读、幻读、不可重复读......