博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
笔记之_java的angularjs整理
阅读量:5227 次
发布时间:2019-06-14

本文共 4483 字,大约阅读时间需要 14 分钟。

Angularjs隐藏域不能取值Responseentity两种传递json的方式,在MVC中Use strict严格模式是javascript检查重复键、为申明变量、重复参数Js不在服务器编译,el表达式要在服务器编译:后为方法1、AngularJS 通过 ng-directives(ng-指令) 扩展了 HTML。ng-app 指令定义一个 AngularJS 应用程序。ng-model 指令把元素值(比如输入域的值)绑定到应用程序。ng-bind 指令把应用程序数据绑定到 HTML 视图。ng-init 指令初始化 AngularJS 应用程序变量ng-repeat 指令会重复一个 HTML 元素2、AngularJS 表达式AngularJS 表达式写在双大括号内:{
{ expression }}。AngularJS 表达式把数据绑定到 HTML,这与 ng-bind 指令有异曲同工之妙。AngularJS 将在表达式书写的位置"输出"数据。AngularJS 表达式 很像 JavaScript 表达式:它们可以包含文字、运算符和变量。实例 {
{ 5 + 5 }} 或 {
{ firstName + " " + lastName }}3、AngularJS 应用AngularJS 模块(Module) 定义了 AngularJS 应用。AngularJS 控制器(Controller) 用于控制 AngularJS 应用。 ng-app指令定义了应用, ng-controller 定义了控制器。4、AngularJS 模块定义应用:var app = angular.module('模型名称', []); Module中去注册控制器app.controller('唯一的控制器名称', function($scope) { $scope.name= "小张"; $scope.age= 36; });5、ng-repeat 指令会重复一个 HTML 元素: ng-repeat=”变量名 in 数组对象”6、ng-click 点击事件7、AngularJS 过滤器 AngularJS 过滤器可用于转换数据:过滤器 描述currency 格式化数字为货币格式。filter 从数组项中选择一个子集。lowercase 格式化字符串为小写。orderBy 根据某个表达式排列数组。uppercase 格式化字符串为大写。表达式中添加过滤器过滤器可以通过一个管道字符(|)和一个过滤器添加到表达式中。.(下面的两个实例,我们将使用前面章节中提到的 person 控制器)uppercase 过滤器将字符串格式化为大写:AngularJS 实例

姓名为 {

{ lastName | uppercase }}

8、AngularJS XMLHttpRequest $http 是 AngularJS 中的一个核心服务,用于读取远程服务器的数据。使用格式:// 简单的 GET 请求,可以改为 POST$http({ method: 'GET', url: '/someUrl'}).then(function successCallback(response) { // 请求成功执行代码 }, function errorCallback(response) { // 请求失败执行代码});简写方法POST 与 GET 简写方法格式:$http.get('/someUrl', config).then(successCallback, errorCallback);$http.post('/someUrl', data, config).then(successCallback, errorCallback);method:字符串,请求方法。url:字符串,请求地址。params:字符串或者对象,将使用paramserializer序列化并且作为GET请求的参数。 GETdata:字符串或者对象,作为请求信息数据的数据。 POST$http({ method:”POST”, url:”url”, data: ” // your data” })$http.get(URL,{ params: { "id":id } }) angularjs单独使用:通过http://cdn.static.runoob.com/libs/angular.js/1.4.6/angular.min.js下载angularjs文件1、ng-app=" " 定义angularJS的使用范围;2、ng-init="变量=值;变量='值'" 初始化变量的值,有多个变量时,中间用分号隔开;3、ng-model="变量" 定义变量名;4、ng-bind="变量" 绑定变量名,获取该变量的数据。这里的变量就是第3条的变量名。但是一般都用双重花括号来获取变量的值,比如:{
{变量}}。ng-init="quantity=1;cost=5"ng-bind="quantity * cost"ng-init="person={firstName:'John',lastName:'Doe'}{
{ person.lastName }}HTML5 允许扩展的(自制的)属性,以 data- 开头。AngularJS 属性以 ng- 开头,但是您可以使用 data-ng- 来让网页对 HTML5 有效。AngularJS 表达式写在双大括号内:{
{ expression }}。AngularJS 表达式把数据绑定到 HTML,这与 ng-bind 指令有异曲同工之妙。AngularJS 控制器(Controller) 用于控制 AngularJS 应用。ng-app指令定义了应用, ng-controller 定义了控制器。ng-repeat 指令会重复一个 HTML 元素

使用 ng-repeat 来循环数组

  • {
    { x }}
可以使用 .directive 函数来添加自定义的指令。使用驼峰法来命名一个指令, runoobDirective, 但在使用它时需要以 - 分割, runoob-directive:
以下实例方式也能输出同样结果:元素名:
属性:
类名:
注释:
通过添加 restrict 属性,并设置只值为 "A", 来设置指令只能通过属性的方式来调用:
restrict 值可以是以下几种: E 作为元素名使用 A 作为属性使用 C 作为类名使用 M 作为注释使用restrict 默认值为 EA, 即可以通过元素名和属性名来调用指令。ng-model 指令可以将输入域的值与 AngularJS 创建的变量绑定。
名字:
双向绑定,在修改输入域的值时, AngularJS 属性的值也将修改:
名字:

你输入了: {
{name}}

提示信息会在 ng-show 属性返回 true 的情况下显示。
Email:
不是一个合法的邮箱地址
ng-model 指令可以为应用数据提供状态值(invalid, dirty, touched, error):
Email:

编辑邮箱地址,查看状态的改变。

状态

Valid: {

{myForm.myAddress.$valid}} (如果输入的值是合法的则为 true)。

Dirty: {

{myForm.myAddress.$dirty}} (如果值改变则为 true)。

Touched: {

{myForm.myAddress.$touched}} (如果通过触屏点击则为 true)。

Valid: true (如果输入的值是合法的则为 true)。Dirty: false (如果值改变则为 true)。Touched: false (如果通过触屏点击则为 true)。ng-model 指令根据表单域的状态添加/移除以下类: ng-empty ng-not-empty ng-touched ng-untouched ng-valid ng-invalid ng-dirty ng-pending ng-pristineScope(作用域) 是应用在 HTML (视图) 和 JavaScript (控制器)之间的纽带。Scope 是一个对象,有可用的方法和属性。Scope 可应用在视图和控制器上。当你在 AngularJS 创建控制器时,你可以将 $scope 对象当作一个参数传递:

{
{carname}}

scope 是一个 JavaScript 对象,带有属性和方法,这些属性和方法可以在视图和控制器中使用

{
{greeting}}

AngularJS 应用组成如下: View(视图), 即 HTML。 Model(模型), 当前视图中可用的数据。 Controller(控制器), 即 JavaScript 函数,可以添加或修改属性。AngularJS 表达式 与 JavaScript 表达式类似于 JavaScript 表达式,AngularJS 表达式可以包含字母,操作符,变量。与 JavaScript 表达式不同,AngularJS 表达式可以写在 HTML 中。与 JavaScript 表达式不同,AngularJS 表达式不支持条件判断,循环及异常。与 JavaScript 表达式不同,AngularJS 表达式支持过滤器。

 

转载于:https://www.cnblogs.com/by-1642146903/p/7860140.html

你可能感兴趣的文章
C语言小项目-火车票订票系统
查看>>
[Linux]PHP-FPM与NGINX的两种通讯方式
查看>>
Java实现二分查找
查看>>
优秀员工一定要升职吗
查看>>
[LintCode] 462 Total Occurrence of Target
查看>>
springboot---redis缓存的使用
查看>>
架构图-模型
查看>>
Java -- Swing 组件使用
查看>>
Software--Architecture--DesignPattern IoC, Factory Method, Source Locator
查看>>
黑马程序员_Java基础枚举类型
查看>>
[ python ] 练习作业 - 2
查看>>
一位90后程序员的自述:如何从年薪3w到30w!
查看>>
在.net core上使用Entity FramWork(Db first)
查看>>
System.Net.WebException: 无法显示错误消息,原因是无法找到包含此错误消息的可选资源程序集...
查看>>
UIImage 和 iOS 图片压缩UIImage / UIImageVIew
查看>>
MongoDB的数据库、集合的基本操作
查看>>
ajax向后台传递数组
查看>>
疯狂JAVA16课之对象与内存控制
查看>>
[转载]树、森林和二叉树的转换
查看>>
软件测试-----Graph Coverage作业
查看>>