Angular.js 使用、MVC

分手后的思念是犯贱 2021-07-24 20:24 345阅读 0赞

AngularJs框架
    	MVW设计模式,model view whatever,支持模块化和双向数据绑定,为克服html语言在构建App上天生的不足
    
    使用前奏:
    	1、引入angular.js文件
    	2、在html标签中添加<html ng-app>
    	3、angularJS中的方法遵循javascript中的语法
    使用:
    	在要输入的标签中添加ng-model='变量名';表示在该标签中输入的内容全都放进变量中,变量放在其他标签中实现同步效果
    	实现了MVC模式

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MzI5NDU2MA_size_16_color_FFFFFF_t_70]  
代码示例:

<html ng-app>
    <head>
    	<meta charset="utf-8">
    	<meta name='viewport' content='width=device-width,user-scalable=no,initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0'>
    	<title></title>
    	<script src='js/underscore.js'></script>
    	
    	<script src='js/angular.js'></script>
    	<style>
    
    	</style>
    </head>
    <body>
    	<input type="text" ng-model='msg' placeholder='请输入内容'>
    	<h1>输入的内容是:{ { msg}}</h1>
    
    	<script>
    
    
    	</script>
    	
    </body>
    
    </html>

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MzI5NDU2MA_size_16_color_FFFFFF_t_70]: /images/20210724/075389942a5e4f918f0ad56fb7dcc576.png

发表评论取消回复

表情：

评论列表（有 0 条评论，345人围观）

还没有评论，来说两句吧...

相关阅读

相关 1、AngularJs的简介和MVC模式

1、什么是AngularJs • 基于 javascript 开发的客户端应用框架，使我们可以更加快捷，简单的开发 web 应用。 • 诞生于 20

待我称王封你为后i/ 2022年08月23日 06:00/ 0 赞/ 179 阅读

相关 AngularJs轻松入门（三）MVC架构

MVC应用程序架构最早于1970年起源于Smalltalk语言，后来在桌面应用程序开发中使用较为广泛，如今在WEB开发中也非常流行。MVC的核心思想是將数据的管理（Model）

灰太狼/ 2022年08月08日 04:29/ 0 赞/ 184 阅读

相关 angularjs——模块化与mvc

车辆管理系统arcgis移植已经基本完成。开始下一件事情，搭建一个视频培训系统。这个系统准备用angularjs+微服务架构的方式搭建，如果有可能再引入CDN。

素颜马尾好姑娘i/ 2022年07月16日 10:15/ 0 赞/ 209 阅读

相关 AngularJs基本语法应用(mvc)

\定义应用通过为任一HTML标签添加ng-app属性可以指定一个应用，表示此标签所包裹的内容都属于应用（App）的一部分。为html添加ng-app表明增个文

水深无声/ 2022年07月12日 07:08/ 0 赞/ 190 阅读

相关 AngularJs基本语法应用(mvc)

\定义应用通过为任一HTML标签添加ng-app属性可以指定一个应用，表示此标签所包裹的内容都属于应用（App）的一部分。为html添加ng-app表明增个文

素颜马尾好姑娘i/ 2022年07月12日 07:08/ 0 赞/ 167 阅读

相关【AngularJS】5.AngularJS 工具方法以及AngularJS中使用jQuery

1. Angularjs 工具方法，参考AngularJS API [https://docs.angularjs.org/api][https_docs.angularjs

叁歲伎倆/ 2022年06月18日 02:27/ 0 赞/ 264 阅读

相关【AngularJS】1.AngularJS MVC 以及$scope作用域

1.AngularJS MVC ![Center][] Model：数据模型层 View：视图层，负责展示 Controller：业务逻辑和控制逻辑

爱被打了一巴掌/ 2022年06月18日 02:20/ 0 赞/ 225 阅读

相关 AngularJS(一)——认识AngularJS之MVC架构

AngularJS(一)——认识AngularJS之MVC架构 MVC及AngularJS M(Module)： `Module`在AngularJS中

川长思鸟来/ 2022年06月17日 03:58/ 0 赞/ 191 阅读

相关 AngularJS – javascript MVC 框架

[AngularJS][] is a structural framework for dynamic web apps. It lets you use HTML as yo

电玩女神/ 2022年03月29日 05:50/ 0 赞/ 220 阅读

相关使用AngularJS学习MVC的基础知识分享

如果您希望提升Web应用程序的服务器端或客户端，请继续阅读以了解如何在Angular中使用MVC。介绍 [我以为我会分享我的经验与微软ASP.NET][ASP.NET]

我不是女神ヾ/ 2021年12月17日 08:07/ 0 赞/ 272 阅读